#558eb9 color information

#558eb9 color space conversions

Hex:
#558eb9
RGB:
85, 142, 185
CMY:
67, 44, 27
CMYK:
54, 23, 0, 27
HSL:
206°, 41.6667%, 52.9412%
HSV (HSB):
206°, 54.0541%, 72.5490%
XYZ:
22.1763, 24.7801, 49.5132
xyY:
0.2299, 0.2569, 24.7801
CIE-Lab:
56.8605, -6.2411, -28.1762
CIE-LCH:
56.8605, 28.8592, 257.5105
CIE-Luv:
56.8605, -25.3564, -42.2632
Hunter-Lab:
49.7796, -7.5945, -24.1269

#558eb9 color charts

#558eb9 RGB chart
#558eb9 CMYK chart
#558eb9 RGB pie chart

#558eb9 color shades, tints & tones

#558eb9 color schemes

#558eb9 #b97f55
Complementary of #558eb9
#55b9b1 #558eb9 #555cb9
Analogous of #558eb9
#b9b155 #558eb9 #b9555b
Split complementary of #558eb9
#8eb955 #558eb9 #b9558e
Triadic of #558eb9
#5cb955 #558eb9 #b155b9 #b97f55
Square of #558eb9
#8eb955 #558eb9 #7f55b9 #b97f55
Tetradic of #558eb9

#558eb9 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018