#557ba2 color information

#557ba2 color space conversions

Hex:
#557ba2
RGB:
85, 123, 162
CMY:
67, 52, 36
CMYK:
48, 24, 0, 36
HSL:
210°, 31.1741%, 48.4314%
HSV (HSB):
210°, 47.5309%, 63.5294%
XYZ:
17.3509, 18.7058, 36.8785
xyY:
0.2379, 0.2565, 18.7058
CIE-Lab:
50.3413, -2.3159, -25.0308
CIE-LCH:
50.3413, 25.1377, 264.7139
CIE-Luv:
50.3413, -18.3061, -36.8364
Hunter-Lab:
43.2503, -4.0785, -20.2801

#557ba2 color charts

#557ba2 RGB chart
#557ba2 CMYK chart
#557ba2 RGB pie chart

#557ba2 color shades, tints & tones

#557ba2 color schemes

#557ba2 #a17b55
Complementary of #557ba2
#55a1a1 #557ba2 #5555a1
Analogous of #557ba2
#a1a155 #557ba2 #a15555
Split complementary of #557ba2
#7aa155 #557ba2 #a1557a
Triadic of #557ba2
#55a155 #557ba2 #a155a1 #a17b55
Square of #557ba2
#7aa155 #557ba2 #7b55a1 #a17b55
Tetradic of #557ba2

#557ba2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018