#557ed2 color information

#557ed2 color space conversions

Hex:
#557ed2
RGB:
85, 126, 210
CMY:
67, 51, 18
CMYK:
60, 40, 0, 18
HSL:
220°, 58.1395%, 57.8431%
HSV (HSB):
220°, 59.5238%, 82.3529%
XYZ:
22.8400, 21.5061, 63.9201
xyY:
0.2110, 0.1986, 21.5061
CIE-Lab:
53.4990, 11.2888, -47.6384
CIE-LCH:
53.4990, 48.9577, 283.3314
CIE-Luv:
53.4990, -19.3138, -75.1316
Hunter-Lab:
46.3747, 6.7573, -49.2594

#557ed2 color charts

#557ed2 RGB chart
#557ed2 CMYK chart
#557ed2 RGB pie chart

#557ed2 color shades, tints & tones

#557ed2 color schemes

#557ed2 #d2a854
Complementary of #557ed2
#54bcd2 #557ed2 #6a54d2
Analogous of #557ed2
#bcd254 #557ed2 #d26a54
Split complementary of #557ed2
#7ed254 #557ed2 #d2547e
Triadic of #557ed2
#54d26a #557ed2 #d254bc #d2a854
Square of #557ed2
#7ed254 #557ed2 #a854d2 #d2a854
Tetradic of #557ed2

#557ed2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018