#558eb0 color information

#558eb0 color space conversions

Hex:
#558eb0
RGB:
85, 142, 176
CMY:
67, 44, 31
CMYK:
52, 19, 0, 31
HSL:
202°, 36.5462%, 51.1765%
HSV (HSB):
202°, 51.7045%, 69.0196%
XYZ:
21.2558, 24.4119, 44.6660
xyY:
0.2353, 0.2702, 24.4119
CIE-Lab:
56.4978, -8.9971, -23.6094
CIE-LCH:
56.4978, 25.2656, 249.1392
CIE-Luv:
56.4978, -25.5470, -34.5078
Hunter-Lab:
49.4084, -9.6729, -19.0132

#558eb0 color charts

#558eb0 RGB chart
#558eb0 CMYK chart
#558eb0 RGB pie chart

#558eb0 color shades, tints & tones

#558eb0 color schemes

#558eb0 #b07654
Complementary of #558eb0
#54b0a4 #558eb0 #5460b0
Analogous of #558eb0
#b0a454 #558eb0 #b05460
Split complementary of #558eb0
#8db054 #558eb0 #b0548d
Triadic of #558eb0
#60b054 #558eb0 #a454b0 #b07654
Square of #558eb0
#8db054 #558eb0 #7654b0 #b07654
Tetradic of #558eb0

#558eb0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018