#558cc2 color information

#558cc2 color space conversions

Hex:
#558cc2
RGB:
85, 140, 194
CMY:
67, 45, 24
CMYK:
56, 28, 0, 24
HSL:
210°, 47.1861%, 54.7059%
HSV (HSB):
210°, 56.1856%, 76.0784%
XYZ:
22.8620, 24.5825, 54.5789
xyY:
0.2241, 0.2409, 24.5825
CIE-Lab:
56.6664, -2.2637, -33.5867
CIE-LCH:
56.6664, 33.6629, 266.1442
CIE-Luv:
56.6664, -24.4339, -51.5240
Hunter-Lab:
49.5807, -4.4588, -30.5604

#558cc2 color charts

#558cc2 RGB chart
#558cc2 CMYK chart
#558cc2 RGB pie chart

#558cc2 color shades, tints & tones

#558cc2 color schemes

#558cc2 #c18b55
Complementary of #558cc2
#55c1c1 #558cc2 #5555c1
Analogous of #558cc2
#c1c155 #558cc2 #c15555
Split complementary of #558cc2
#8bc155 #558cc2 #c1558b
Triadic of #558cc2
#55c155 #558cc2 #c155c1 #c18b55
Square of #558cc2
#8bc155 #558cc2 #8a55c1 #c18b55
Tetradic of #558cc2

#558cc2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018