#558ed0 color information

#558ed0 color space conversions

Hex:
#558ed0
RGB:
85, 142, 208
CMY:
67, 44, 18
CMYK:
59, 32, 0, 18
HSL:
212°, 56.6820%, 57.4510%
HSV (HSB):
212°, 59.1346%, 81.5686%
XYZ:
24.8045, 25.8314, 63.3531
xyY:
0.2176, 0.2266, 25.8314
CIE-Lab:
57.8766, 1.0881, -39.5943
CIE-LCH:
57.8766, 39.6092, 271.5742
CIE-Luv:
57.8766, -24.9174, -61.9730
Hunter-Lab:
50.8246, -1.8276, -38.3281

#558ed0 color charts

#558ed0 RGB chart
#558ed0 CMYK chart
#558ed0 RGB pie chart

#558ed0 color shades, tints & tones

#558ed0 color schemes

#558ed0 #d09654
Complementary of #558ed0
#54cbd0 #558ed0 #5954d0
Analogous of #558ed0
#cbd054 #558ed0 #d05954
Split complementary of #558ed0
#8ed054 #558ed0 #d0548e
Triadic of #558ed0
#54d059 #558ed0 #d054cb #d09654
Square of #558ed0
#8ed054 #558ed0 #9654d0 #d09654
Tetradic of #558ed0

#558ed0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018