#558fa2 color information

#558fa2 color space conversions

Hex:
#558fa2
RGB:
85, 143, 162
CMY:
67, 44, 36
CMYK:
48, 12, 0, 36
HSL:
195°, 31.1741%, 48.4314%
HSV (HSB):
195°, 47.5309%, 63.5294%
XYZ:
20.0904, 24.1849, 37.7917
xyY:
0.2448, 0.2947, 24.1849
CIE-Lab:
56.2724, -13.6766, -15.9460
CIE-LCH:
56.2724, 21.0078, 229.3810
CIE-Luv:
56.2724, -26.2613, -21.7333
Hunter-Lab:
49.1781, -13.1404, -11.1377

#558fa2 color charts

#558fa2 RGB chart
#558fa2 CMYK chart
#558fa2 RGB pie chart

#558fa2 color shades, tints & tones

#558fa2 color schemes

#558fa2 #a16855
Complementary of #558fa2
#55a18e #558fa2 #5568a1
Analogous of #558fa2
#a18e55 #558fa2 #a15568
Split complementary of #558fa2
#8ea155 #558fa2 #a1558e
Triadic of #558fa2
#68a155 #558fa2 #8e55a1 #a16855
Square of #558fa2
#8ea155 #558fa2 #6855a1 #a16855
Tetradic of #558fa2

#558fa2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018