#557bd2 color information

#557bd2 color space conversions

Hex:
#557bd2
RGB:
85, 123, 210
CMY:
67, 52, 18
CMYK:
60, 41, 0, 18
HSL:
222°, 58.1395%, 57.8431%
HSV (HSB):
222°, 59.5238%, 82.3529%
XYZ:
22.4621, 20.7504, 63.7941
xyY:
0.2099, 0.1939, 20.7504
CIE-Lab:
52.6752, 13.1160, -48.9488
CIE-LCH:
52.6752, 50.6756, 285.0003
CIE-Luv:
52.6752, -18.3057, -77.1631
Hunter-Lab:
45.5526, 8.3020, -51.1459

#557bd2 color charts

#557bd2 RGB chart
#557bd2 CMYK chart
#557bd2 RGB pie chart

#557bd2 color shades, tints & tones

#557bd2 color schemes

#557bd2 #d2ab54
Complementary of #557bd2
#54b9d2 #557bd2 #6d54d2
Analogous of #557bd2
#b9d254 #557bd2 #d26d54
Split complementary of #557bd2
#7bd254 #557bd2 #d2547b
Triadic of #557bd2
#54d26d #557bd2 #d254b9 #d2ab54
Square of #557bd2
#7bd254 #557bd2 #ab54d2 #d2ab54
Tetradic of #557bd2

#557bd2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018