#557ba0 color information

#557ba0 color space conversions

Hex:
#557ba0
RGB:
85, 123, 160
CMY:
67, 52, 37
CMYK:
47, 23, 0, 37
HSL:
210°, 30.6122%, 48.0392%
HSV (HSB):
210°, 46.8750%, 62.7451%
XYZ:
17.1744, 18.6353, 35.9495
xyY:
0.2393, 0.2597, 18.6353
CIE-Lab:
50.2577, -2.9205, -23.9942
CIE-LCH:
50.2577, 24.1713, 263.0603
CIE-Luv:
50.2577, -18.3121, -35.1244
Hunter-Lab:
43.1686, -4.5296, -19.1569

#557ba0 color charts

#557ba0 RGB chart
#557ba0 CMYK chart
#557ba0 RGB pie chart

#557ba0 color shades, tints & tones

#557ba0 color schemes

#557ba0 #a07954
Complementary of #557ba0
#54a09f #557ba0 #5455a0
Analogous of #557ba0
#a09f54 #557ba0 #a05455
Split complementary of #557ba0
#7ba054 #557ba0 #a0547a
Triadic of #557ba0
#55a054 #557ba0 #9f54a0 #a07954
Square of #557ba0
#7ba054 #557ba0 #7954a0 #a07954
Tetradic of #557ba0

#557ba0 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018