#558aa2 color information

#558aa2 color space conversions

Hex:
#558aa2
RGB:
85, 138, 162
CMY:
67, 46, 36
CMYK:
48, 15, 0, 36
HSL:
199°, 31.1741%, 48.4314%
HSV (HSB):
199°, 47.5309%, 63.5294%
XYZ:
19.3564, 22.7169, 37.5470
xyY:
0.2431, 0.2853, 22.7169
CIE-Lab:
54.7795, -10.9140, -18.2160
CIE-LCH:
54.7795, 21.2353, 239.0723
CIE-Luv:
54.7795, -24.2576, -25.5394
Hunter-Lab:
47.6622, -10.9173, -13.3435

#558aa2 color charts

#558aa2 RGB chart
#558aa2 CMYK chart
#558aa2 RGB pie chart

#558aa2 color shades, tints & tones

#558aa2 color schemes

#558aa2 #a16d55
Complementary of #558aa2
#55a193 #558aa2 #5563a1
Analogous of #558aa2
#a19355 #558aa2 #a15563
Split complementary of #558aa2
#8aa155 #558aa2 #a15589
Triadic of #558aa2
#63a155 #558aa2 #9355a1 #a16d55
Square of #558aa2
#8aa155 #558aa2 #6c55a1 #a16d55
Tetradic of #558aa2

#558aa2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018