#558ee2 color information

#558ee2 color space conversions

Hex:
#558ee2
RGB:
85, 142, 226
CMY:
67, 44, 11
CMYK:
62, 37, 0, 11
HSL:
216°, 70.8543%, 60.9804%
HSV (HSB):
216°, 62.3894%, 88.6275%
XYZ:
27.1468, 26.7683, 75.6875
xyY:
0.2095, 0.2065, 26.7683
CIE-Lab:
58.7592, 7.0404, -48.2725
CIE-LCH:
58.7592, 48.7832, 278.2979
CIE-Luv:
58.7592, -24.6298, -77.1045
Hunter-Lab:
51.7381, 3.1167, -50.5186

#558ee2 color charts

#558ee2 RGB chart
#558ee2 CMYK chart
#558ee2 RGB pie chart

#558ee2 color shades, tints & tones

#558ee2 color schemes

#558ee2 #e2a854
Complementary of #558ee2
#54d4e2 #558ee2 #6254e2
Analogous of #558ee2
#d4e254 #558ee2 #e26254
Split complementary of #558ee2
#8ee254 #558ee2 #e2548e
Triadic of #558ee2
#54e262 #558ee2 #e254d4 #e2a854
Square of #558ee2
#8ee254 #558ee2 #a854e2 #e2a854
Tetradic of #558ee2

#558ee2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018