#558fa4 color information

#558fa4 color space conversions

Hex:
#558fa4
RGB:
85, 143, 164
CMY:
67, 44, 36
CMYK:
48, 13, 0, 36
HSL:
196°, 31.7269%, 48.8235%
HSV (HSB):
196°, 48.1707%, 64.3137%
XYZ:
20.2696, 24.2566, 38.7356
xyY:
0.2434, 0.2913, 24.2566
CIE-Lab:
56.3437, -13.1010, -16.9836
CIE-LCH:
56.3437, 21.4495, 232.3538
CIE-Luv:
56.3437, -26.2137, -23.4403
Hunter-Lab:
49.2509, -12.7261, -12.1556

#558fa4 color charts

#558fa4 RGB chart
#558fa4 CMYK chart
#558fa4 RGB pie chart

#558fa4 color shades, tints & tones

#558fa4 color schemes

#558fa4 #a46a55
Complementary of #558fa4
#55a491 #558fa4 #5567a4
Analogous of #558fa4
#a49155 #558fa4 #a45567
Split complementary of #558fa4
#8ea455 #558fa4 #a4558e
Triadic of #558fa4
#67a455 #558fa4 #9155a4 #a46a55
Square of #558fa4
#8ea455 #558fa4 #6a55a4 #a46a55
Tetradic of #558fa4

#558fa4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018