#558aed color information

#558aed color space conversions

Hex:
#558aed
RGB:
85, 138, 237
CMY:
67, 46, 7
CMYK:
64, 42, 0, 7
HSL:
219°, 80.8511%, 63.1373%
HSV (HSB):
219°, 64.1350%, 92.9412%
XYZ:
28.1209, 26.2227, 83.7001
xyY:
0.2037, 0.1900, 26.2227
CIE-Lab:
58.2478, 13.1369, -55.1977
CIE-LCH:
58.2478, 56.7395, 283.3872
CIE-Luv:
58.2478, -23.1660, -88.9227
Hunter-Lab:
51.2081, 8.4089, -61.0644

#558aed color charts

#558aed RGB chart
#558aed CMYK chart
#558aed RGB pie chart

#558aed color shades, tints & tones

#558aed color schemes

#558aed #edb754
Complementary of #558aed
#54d6ed #558aed #6b54ed
Analogous of #558aed
#d6ed54 #558aed #ed6b54
Split complementary of #558aed
#8aed54 #558aed #ed548a
Triadic of #558aed
#54ed6b #558aed #ed54d6 #edb754
Square of #558aed
#8aed54 #558aed #b754ed #edb754
Tetradic of #558aed

#558aed color preview, HTML & CSS examples

This text has a color of #558aed
<p style="color:#558aed;">Text here</p>
.mytext {color:#558aed;}
Text color #558aed
This box has a color of #558aed
<div style="background-color:#558aed;">Content here</div>
.mybackground {background-color:#558aed;}
Background color #558aed
Border around this has a color of #558aed
<div style="border:2px solid #558aed;">Content here</div>
.myborder {border:2px solid #558aed;}
Border color #558aed

Random colors

© ColorsDB.com, 2014-2018