#558eb1 color information

#558eb1 color space conversions

Hex:
#558eb1
RGB:
85, 142, 177
CMY:
67, 44, 31
CMYK:
52, 20, 0, 31
HSL:
203°, 37.0968%, 51.3725%
HSV (HSB):
203°, 51.9774%, 69.4118%
XYZ:
21.3551, 24.4516, 45.1891
xyY:
0.2347, 0.2687, 24.4516
CIE-Lab:
56.5372, -8.6945, -24.1195
CIE-LCH:
56.5372, 25.6388, 250.1771
CIE-Luv:
56.5372, -25.5253, -35.3692
Hunter-Lab:
49.4486, -9.4471, -19.5687

#558eb1 color charts

#558eb1 RGB chart
#558eb1 CMYK chart
#558eb1 RGB pie chart

#558eb1 color shades, tints & tones

#558eb1 color schemes

#558eb1 #b07755
Complementary of #558eb1
#55b0a5 #558eb1 #5560b0
Analogous of #558eb1
#b0a555 #558eb1 #b0555f
Split complementary of #558eb1
#8eb055 #558eb1 #b0558e
Triadic of #558eb1
#60b055 #558eb1 #a555b0 #b07755
Square of #558eb1
#8eb055 #558eb1 #7755b0 #b07755
Tetradic of #558eb1

#558eb1 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018