#558ac6 color information

#558ac6 color space conversions

Hex:
#558ac6
RGB:
85, 138, 198
CMY:
67, 46, 22
CMYK:
57, 30, 0, 22
HSL:
212°, 49.7797%, 55.4902%
HSV (HSB):
212°, 57.0707%, 77.6471%
XYZ:
23.0278, 24.1855, 56.8806
xyY:
0.2212, 0.2323, 24.1855
CIE-Lab:
56.2730, 0.1818, -36.4676
CIE-LCH:
56.2730, 36.4680, 270.2856
CIE-Luv:
56.2730, -23.6338, -56.4484
Hunter-Lab:
49.1787, -2.4805, -34.1503

#558ac6 color charts

#558ac6 RGB chart
#558ac6 CMYK chart
#558ac6 RGB pie chart

#558ac6 color shades, tints & tones

#558ac6 color schemes

#558ac6 #c59155
Complementary of #558ac6
#55c2c5 #558ac6 #5855c5
Analogous of #558ac6
#c2c555 #558ac6 #c55855
Split complementary of #558ac6
#89c555 #558ac6 #c55589
Triadic of #558ac6
#55c558 #558ac6 #c555c2 #c59155
Square of #558ac6
#89c555 #558ac6 #9055c5 #c59155
Tetradic of #558ac6

#558ac6 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018