#558aa4 color information

#558aa4 color space conversions

Hex:
#558aa4
RGB:
85, 138, 164
CMY:
67, 46, 36
CMYK:
48, 16, 0, 36
HSL:
200°, 31.7269%, 48.8235%
HSV (HSB):
200°, 48.1707%, 64.3137%
XYZ:
19.5356, 22.7886, 38.4910
xyY:
0.2417, 0.2820, 22.7886
CIE-Lab:
54.8539, -10.3294, -19.2533
CIE-LCH:
54.8539, 21.8492, 241.7866
CIE-Luv:
54.8539, -24.2191, -27.2520
Hunter-Lab:
47.7374, -10.4927, -14.3897

#558aa4 color charts

#558aa4 RGB chart
#558aa4 CMYK chart
#558aa4 RGB pie chart

#558aa4 color shades, tints & tones

#558aa4 color schemes

#558aa4 #a46f55
Complementary of #558aa4
#55a496 #558aa4 #5562a4
Analogous of #558aa4
#a49655 #558aa4 #a45562
Split complementary of #558aa4
#89a455 #558aa4 #a45589
Triadic of #558aa4
#62a455 #558aa4 #9655a4 #a46f55
Square of #558aa4
#89a455 #558aa4 #6f55a4 #a46f55
Tetradic of #558aa4

#558aa4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018