#558aa3 color information

#558aa3 color space conversions

Hex:
#558aa3
RGB:
85, 138, 163
CMY:
67, 46, 36
CMYK:
48, 15, 0, 36
HSL:
199°, 31.4516%, 48.6275%
HSV (HSB):
199°, 47.8528%, 63.9216%
XYZ:
19.4457, 22.7526, 38.0171
xyY:
0.2424, 0.2836, 22.7526
CIE-Lab:
54.8166, -10.6222, -18.7350
CIE-LCH:
54.8166, 21.5368, 240.4480
CIE-Luv:
54.8166, -24.2383, -26.3954
Hunter-Lab:
47.6997, -10.7056, -13.8649

#558aa3 color charts

#558aa3 RGB chart
#558aa3 CMYK chart
#558aa3 RGB pie chart

#558aa3 color shades, tints & tones

#558aa3 color schemes

#558aa3 #a26e55
Complementary of #558aa3
#55a295 #558aa3 #5562a2
Analogous of #558aa3
#a29555 #558aa3 #a25562
Split complementary of #558aa3
#89a255 #558aa3 #a25589
Triadic of #558aa3
#62a255 #558aa3 #9555a2 #a26e55
Square of #558aa3
#89a255 #558aa3 #6e55a2 #a26e55
Tetradic of #558aa3

#558aa3 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018