#558ed1 color information

#558ed1 color space conversions

Hex:
#558ed1
RGB:
85, 142, 209
CMY:
67, 44, 18
CMYK:
59, 32, 0, 18
HSL:
212°, 57.4074%, 57.6471%
HSV (HSB):
212°, 59.3301%, 81.9608%
XYZ:
24.9279, 25.8807, 64.0032
xyY:
0.2171, 0.2254, 25.8807
CIE-Lab:
57.9237, 1.4145, -40.0823
CIE-LCH:
57.9237, 40.1073, 272.0212
CIE-Luv:
57.9237, -24.9001, -62.8221
Hunter-Lab:
50.8731, -1.5626, -38.9813

#558ed1 color charts

#558ed1 RGB chart
#558ed1 CMYK chart
#558ed1 RGB pie chart

#558ed1 color shades, tints & tones

#558ed1 color schemes

#558ed1 #d19754
Complementary of #558ed1
#54ccd1 #558ed1 #5954d1
Analogous of #558ed1
#ccd154 #558ed1 #d15954
Split complementary of #558ed1
#8ed154 #558ed1 #d1548e
Triadic of #558ed1
#54d159 #558ed1 #d154cc #d19754
Square of #558ed1
#8ed154 #558ed1 #9754d1 #d19754
Tetradic of #558ed1

#558ed1 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018