#558cc4 color information

#558cc4 color space conversions

Hex:
#558cc4
RGB:
85, 140, 196
CMY:
67, 45, 23
CMYK:
57, 29, 0, 23
HSL:
210°, 48.4716%, 55.0980%
HSV (HSB):
210°, 56.6327%, 76.8627%
XYZ:
23.0882, 24.6730, 55.7700
xyY:
0.2230, 0.2383, 24.6730
CIE-Lab:
56.7554, -1.6253, -34.5806
CIE-LCH:
56.7554, 34.6188, 267.3091
CIE-Luv:
56.7554, -24.3991, -53.2374
Hunter-Lab:
49.6719, -3.9565, -31.7986

#558cc4 color charts

#558cc4 RGB chart
#558cc4 CMYK chart
#558cc4 RGB pie chart

#558cc4 color shades, tints & tones

#558cc4 color schemes

#558cc4 #c48c54
Complementary of #558cc4
#54c3c4 #558cc4 #5554c4
Analogous of #558cc4
#c3c454 #558cc4 #c45554
Split complementary of #558cc4
#8bc454 #558cc4 #c4548b
Triadic of #558cc4
#54c455 #558cc4 #c454c3 #c48c54
Square of #558cc4
#8bc454 #558cc4 #8c54c4 #c48c54
Tetradic of #558cc4

#558cc4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018