#558bb5 color information

#558bb5 color space conversions

Hex:
#558bb5
RGB:
85, 139, 181
CMY:
67, 45, 29
CMYK:
53, 23, 0, 29
HSL:
206, 39.3443%, 52.1569%
HSV (HSB):
206, 53.0387%, 70.9804%
XYZ:
21.3194, 23.7327, 47.1733
xyY:
0.2312, 0.2573, 23.7327
CIE-Lab:
55.8192, -5.7693, -27.5097
CIE-LCH:
55.8192, 28.1082, 258.1556
CIE-Luv:
55.8192, -24.2908, -41.1091
Hunter-Lab:
48.7162, -7.1375, -23.3108

#558bb5 color charts

#558bb5 RGB chart
#558bb5 CMYK chart
#558bb5 RGB pie chart

#558bb5 color shades, tints & tones

#558bb5 color schemes

#558bb5 #b57f55
Complementary of #558bb5
#55b5af #558bb5 #555ab5
Analogous of #558bb5
#b5af55 #558bb5 #b5555a
Split complementary of #558bb5
#8ab555 #558bb5 #b5558a
Triadic of #558bb5
#5ab555 #558bb5 #af55b5 #b57f55
Square of #558bb5
#8ab555 #558bb5 #7f55b5 #b57f55
Tetradic of #558bb5

#558bb5 color preview, HTML & CSS examples

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

Random colors

ColorsDB.com, 2014-2018