#577EAE

#577EAE

#AE8757

#AE8757

Contrast Ratio

1.28:1

Delta E

62.1

Very Different

50:50 Mix

#8D8283

Color Values

Format #577EAE #AE8757
HEX #577EAE #AE8757
RGB 87, 126, 174 174, 135, 87
HSL 213.1, 34.9%, 51.2% 33.1, 34.9%, 51.2%
HSV 213.1, 50.0%, 68.2% 33.1, 50.0%, 68.2%
CMYK 50.0%, 27.6%, 0.0%, 31.8% 0.0%, 22.4%, 50.0%, 31.8%
OKLCH 0.5844 0.0863 254.2 0.6497 0.0802 71.4

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE8757 → Background: #577EAE

The quick brown fox jumps over the lazy dog

Text: #577EAE → Background: #AE8757

Color Difference (Delta E)

62.1 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#577EAE #6E7FA0 #7F8192 #8D8283 #9A8475 #A48566 #AE8757

Color Mixing

#577EAE

100%

#778099

75:25

#8D8283

50:50

#9F846E

25:75

#AE8757

100%

CSS Gradient Code

background: linear-gradient(to right, #577EAE, #AE8757);
background: linear-gradient(135deg, #577EAE, #AE8757);

Explore Each Color

#577EAE

View full color details

#AE8757

View full color details

Related Comparisons