#558ec4 color information

#558ec4 color space conversions

Hex:
#558ec4
RGB:
85, 142, 196
CMY:
67, 44, 23
CMYK:
57, 28, 0, 23
HSL:
209°, 48.4716%, 55.0980%
HSV (HSB):
209°, 56.6327%, 76.8627%
XYZ:
23.3831, 25.2628, 55.8683
xyY:
0.2237, 0.2417, 25.2628
CIE-Lab:
57.3306, -2.7819, -33.6829
CIE-LCH:
57.3306, 33.7976, 265.2786
CIE-Luv:
57.3306, -25.1372, -51.7244
Hunter-Lab:
50.2621, -4.9164, -30.7197

#558ec4 color charts

#558ec4 RGB chart
#558ec4 CMYK chart
#558ec4 RGB pie chart

#558ec4 color shades, tints & tones

#558ec4 color schemes

#558ec4 #c48b54
Complementary of #558ec4
#54c4c2 #558ec4 #5456c4
Analogous of #558ec4
#c4c254 #558ec4 #c45456
Split complementary of #558ec4
#8ec454 #558ec4 #c4548d
Triadic of #558ec4
#56c454 #558ec4 #c254c4 #c48b54
Square of #558ec4
#8ec454 #558ec4 #8a54c4 #c48b54
Tetradic of #558ec4

#558ec4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018