#558ea2 color space conversions
Hex:
#558ea2
RGB:
85, 142, 162
CMY:
67, 44, 36
CMYK:
48, 12, 0, 36
HSL:
196°, 31.1741%, 48.4314%
HSV (HSB):
196°, 47.5309%, 63.5294%
XYZ:
19.9409, 23.8859, 37.7419
xyY:
0.2445, 0.2928, 23.8859
CIE-Lab:
55.9734, -13.1283, -16.3998
CIE-LCH:
55.9734, 21.0072, 231.3222
CIE-Luv:
55.9734, -25.8601, -22.4950
Hunter-Lab:
48.8732, -12.6979, -11.5748
#558ea2 color charts
#558ea2 RGB chart
#558ea2 CMYK chart
#558ea2 RGB pie chart
#558ea2 color shades, tints & tones
#558ea2 color schemes
#558ea2 color preview, HTML & CSS examples
This text has a color of #558ea2
<p style="color:#558ea2;">Text here</p>
.mytext {color:#558ea2;}
Text color #558ea2
This box has a color of #558ea2
<div style="background-color:#558ea2;">Content here</div>
.mybackground {background-color:#558ea2;}
Background color #558ea2
Border around this has a color of #558ea2
<div style="border:2px solid #558ea2;">Content here</div>
.myborder {border:2px solid #558ea2;}
Border color #558ea2