#558eb5 color information

#558eb5 color space conversions

Hex:
#558eb5
RGB:
85, 142, 181
CMY:
67, 44, 29
CMYK:
53, 22, 0, 29
HSL:
204°, 39.3443%, 52.1569%
HSV (HSB):
204°, 53.0387%, 70.9804%
XYZ:
21.7598, 24.6135, 47.3201
xyY:
0.2322, 0.2627, 24.6135
CIE-Lab:
56.6969, -7.4749, -26.1533
CIE-LCH:
56.6969, 27.2005, 254.0496
CIE-Luv:
56.6969, -25.4399, -38.8160
Hunter-Lab:
49.6120, -8.5309, -21.8226

#558eb5 color charts

#558eb5 RGB chart
#558eb5 CMYK chart
#558eb5 RGB pie chart

#558eb5 color shades, tints & tones

#558eb5 color schemes

#558eb5 #b57b55
Complementary of #558eb5
#55b5ab #558eb5 #555eb5
Analogous of #558eb5
#b5ab55 #558eb5 #b5555d
Split complementary of #558eb5
#8eb555 #558eb5 #b5558e
Triadic of #558eb5
#5eb555 #558eb5 #ab55b5 #b57b55
Square of #558eb5
#8eb555 #558eb5 #7b55b5 #b57b55
Tetradic of #558eb5

#558eb5 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018