#558ebd color information

#558ebd color space conversions

Hex:
#558ebd
RGB:
85, 142, 189
CMY:
67, 44, 26
CMYK:
55, 25, 0, 26
HSL:
207°, 44.0678%, 53.7255%
HSV (HSB):
207°, 55.0265%, 74.1176%
XYZ:
22.6046, 24.9514, 51.7688
xyY:
0.2276, 0.2512, 24.9514
CIE-Lab:
57.0281, -4.9940, -30.1883
CIE-LCH:
57.0281, 30.5986, 260.6067
CIE-Luv:
57.0281, -25.2748, -45.7081
Hunter-Lab:
49.9514, -6.6379, -26.4812

#558ebd color charts

#558ebd RGB chart
#558ebd CMYK chart
#558ebd RGB pie chart

#558ebd color shades, tints & tones

#558ebd color schemes

#558ebd #bd8354
Complementary of #558ebd
#54bdb7 #558ebd #545abd
Analogous of #558ebd
#bdb754 #558ebd #bd545a
Split complementary of #558ebd
#8ebd54 #558ebd #bd548e
Triadic of #558ebd
#5abd54 #558ebd #b754bd #bd8354
Square of #558ebd
#8ebd54 #558ebd #8354bd #bd8354
Tetradic of #558ebd

#558ebd color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018