#558ed6 color information

#558ed6 color space conversions

Hex:
#558ed6
RGB:
85, 142, 214
CMY:
67, 44, 16
CMYK:
60, 34, 0, 16
HSL:
213°, 61.1374%, 58.6275%
HSV (HSB):
213°, 60.2804%, 83.9216%
XYZ:
25.5569, 26.1323, 67.3154
xyY:
0.2148, 0.2196, 26.1323
CIE-Lab:
58.1625, 3.0548, -42.5122
CIE-LCH:
58.1625, 42.6218, 274.1101
CIE-Luv:
58.1625, -24.8158, -67.0539
Hunter-Lab:
51.1198, -0.2201, -42.2902

#558ed6 color charts

#558ed6 RGB chart
#558ed6 CMYK chart
#558ed6 RGB pie chart

#558ed6 color shades, tints & tones

#558ed6 color schemes

#558ed6 #d59d55
Complementary of #558ed6
#55ced5 #558ed6 #5c55d5
Analogous of #558ed6
#ced555 #558ed6 #d55c55
Split complementary of #558ed6
#8dd555 #558ed6 #d5558d
Triadic of #558ed6
#55d55c #558ed6 #d555ce #d59d55
Square of #558ed6
#8dd555 #558ed6 #9c55d5 #d59d55
Tetradic of #558ed6

#558ed6 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018