#557ba5 color information

#557ba5 color space conversions

Hex:
#557ba5
RGB:
85, 123, 165
CMY:
67, 52, 35
CMYK:
48, 25, 0, 35
HSL:
212°, 32.0000%, 49.0196%
HSV (HSB):
212°, 48.4848%, 64.7059%
XYZ:
17.6208, 18.8138, 38.3000
xyY:
0.2358, 0.2517, 18.8138
CIE-Lab:
50.4687, -1.4017, -26.5799
CIE-LCH:
50.4687, 26.6168, 266.9813
CIE-Luv:
50.4687, -18.2981, -39.4038
Hunter-Lab:
43.3749, -3.3915, -21.9906

#557ba5 color charts

#557ba5 RGB chart
#557ba5 CMYK chart
#557ba5 RGB pie chart

#557ba5 color shades, tints & tones

#557ba5 color schemes

#557ba5 #a57e55
Complementary of #557ba5
#55a3a5 #557ba5 #5755a5
Analogous of #557ba5
#a3a555 #557ba5 #a55755
Split complementary of #557ba5
#7aa555 #557ba5 #a5557a
Triadic of #557ba5
#55a557 #557ba5 #a555a3 #a57e55
Square of #557ba5
#7aa555 #557ba5 #7e55a5 #a57e55
Tetradic of #557ba5

#557ba5 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018