#558ed2 color information

#558ed2 color space conversions

Hex:
#558ed2
RGB:
85, 142, 210
CMY:
67, 44, 18
CMYK:
60, 32, 0, 18
HSL:
213°, 58.1395%, 57.8431%
HSV (HSB):
213°, 59.5238%, 82.3529%
XYZ:
25.0522, 25.9304, 64.6575
xyY:
0.2166, 0.2242, 25.9304
CIE-Lab:
57.9710, 1.7415, -40.5697
CIE-LCH:
57.9710, 40.6071, 272.4580
CIE-Luv:
57.9710, -24.8829, -63.6703
Hunter-Lab:
50.9219, -1.2964, -39.6373

#558ed2 color charts

#558ed2 RGB chart
#558ed2 CMYK chart
#558ed2 RGB pie chart

#558ed2 color shades, tints & tones

#558ed2 color schemes

#558ed2 #d29954
Complementary of #558ed2
#54ccd2 #558ed2 #5a54d2
Analogous of #558ed2
#ccd254 #558ed2 #d25a54
Split complementary of #558ed2
#8dd254 #558ed2 #d2548d
Triadic of #558ed2
#54d25a #558ed2 #d254cc #d29954
Square of #558ed2
#8dd254 #558ed2 #9954d2 #d29954
Tetradic of #558ed2

#558ed2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018