#558eb6 color information

#558eb6 color space conversions

Hex:
#558eb6
RGB:
85, 142, 182
CMY:
67, 44, 29
CMYK:
53, 22, 0, 29
HSL:
205°, 39.9177%, 52.3529%
HSV (HSB):
205°, 53.2967%, 71.3725%
XYZ:
21.8628, 24.6547, 47.8625
xyY:
0.2316, 0.2612, 24.6547
CIE-Lab:
56.7374, -7.1677, -26.6600
CIE-LCH:
56.7374, 27.6068, 254.9515
CIE-Luv:
56.7374, -25.4189, -39.6779
Hunter-Lab:
49.6535, -8.2987, -22.3940

#558eb6 color charts

#558eb6 RGB chart
#558eb6 CMYK chart
#558eb6 RGB pie chart

#558eb6 color shades, tints & tones

#558eb6 color schemes

#558eb6 #b67d55
Complementary of #558eb6
#55b6ad #558eb6 #555db6
Analogous of #558eb6
#b6ad55 #558eb6 #b6555d
Split complementary of #558eb6
#8eb655 #558eb6 #b6558e
Triadic of #558eb6
#5db655 #558eb6 #ad55b6 #b67d55
Square of #558eb6
#8eb655 #558eb6 #7d55b6 #b67d55
Tetradic of #558eb6

#558eb6 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018