#558eb2 color information

#558eb2 color space conversions

Hex:
#558eb2
RGB:
85, 142, 178
CMY:
67, 44, 30
CMYK:
52, 20, 0, 30
HSL:
203°, 37.6518%, 51.5686%
HSV (HSB):
203°, 52.2472%, 69.8039%
XYZ:
21.4552, 24.4916, 45.7160
xyY:
0.2341, 0.2672, 24.4916
CIE-Lab:
56.5767, -8.3909, -24.6290
CIE-LCH:
56.5767, 26.0191, 251.1863
CIE-Luv:
56.5767, -25.5038, -36.2307
Hunter-Lab:
49.4890, -9.2199, -20.1274

#558eb2 color charts

#558eb2 RGB chart
#558eb2 CMYK chart
#558eb2 RGB pie chart

#558eb2 color shades, tints & tones

#558eb2 color schemes

#558eb2 #b17855
Complementary of #558eb2
#55b1a7 #558eb2 #555fb1
Analogous of #558eb2
#b1a755 #558eb2 #b1555f
Split complementary of #558eb2
#8eb155 #558eb2 #b1558e
Triadic of #558eb2
#5fb155 #558eb2 #a755b1 #b17855
Square of #558eb2
#8eb155 #558eb2 #7855b1 #b17855
Tetradic of #558eb2

#558eb2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018