#557ba3 color information

#557ba3 color space conversions

Hex:
#557ba3
RGB:
85, 123, 163
CMY:
67, 52, 36
CMYK:
48, 25, 0, 36
HSL:
211°, 31.4516%, 48.6275%
HSV (HSB):
211°, 47.8528%, 63.9216%
XYZ:
17.4401, 18.7416, 37.3486
xyY:
0.2372, 0.2549, 18.7416
CIE-Lab:
50.3835, -2.0121, -25.5479
CIE-LCH:
50.3835, 25.6271, 265.4967
CIE-Luv:
50.3835, -18.3033, -37.6923
Hunter-Lab:
43.2915, -3.8508, -20.8468

#557ba3 color charts

#557ba3 RGB chart
#557ba3 CMYK chart
#557ba3 RGB pie chart

#557ba3 color shades, tints & tones

#557ba3 color schemes

#557ba3 #a27d55
Complementary of #557ba3
#55a1a2 #557ba3 #5655a2
Analogous of #557ba3
#a1a255 #557ba3 #a25655
Split complementary of #557ba3
#7aa255 #557ba3 #a2557a
Triadic of #557ba3
#55a256 #557ba3 #a255a1 #a27d55
Square of #557ba3
#7aa255 #557ba3 #7c55a2 #a27d55
Tetradic of #557ba3

#557ba3 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018