#558ec2 color information

#558ec2 color space conversions

Hex:
#558ec2
RGB:
85, 142, 194
CMY:
67, 44, 24
CMYK:
56, 27, 0, 24
HSL:
209°, 47.1861%, 54.7059%
HSV (HSB):
209°, 56.1856%, 76.0784%
XYZ:
23.1569, 25.1723, 54.6772
xyY:
0.2248, 0.2444, 25.1723
CIE-Lab:
57.2430, -3.4176, -32.6879
CIE-LCH:
57.2430, 32.8661, 264.0312
CIE-Luv:
57.2430, -25.1758, -50.0076
Hunter-Lab:
50.1720, -5.4144, -29.4934

#558ec2 color charts

#558ec2 RGB chart
#558ec2 CMYK chart
#558ec2 RGB pie chart

#558ec2 color shades, tints & tones

#558ec2 color schemes

#558ec2 #c18855
Complementary of #558ec2
#55c1bf #558ec2 #5557c1
Analogous of #558ec2
#c1bf55 #558ec2 #c15557
Split complementary of #558ec2
#8ec155 #558ec2 #c1558d
Triadic of #558ec2
#57c155 #558ec2 #bf55c1 #c18855
Square of #558ec2
#8ec155 #558ec2 #8855c1 #c18855
Tetradic of #558ec2

#558ec2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018