#577DDD

#577DDD

#DDB757

#DDB757

Contrast Ratio

2.04:1

Delta E

109.11

Very Different

50:50 Mix

#AF989E

Color Values

Format #577DDD #DDB757
HEX #577DDD #DDB757
RGB 87, 125, 221 221, 183, 87
HSL 223.0, 66.3%, 60.4% 43.0, 66.3%, 60.4%
HSV 223.0, 60.6%, 86.7% 43.0, 60.6%, 86.7%
CMYK 60.6%, 43.4%, 0.0%, 13.3% 0.0%, 17.2%, 60.6%, 13.3%
OKLCH 0.6084 0.1519 265.8 0.7944 0.1224 87.7

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DDB757 → Background: #577DDD

The quick brown fox jumps over the lazy dog

Text: #577DDD → Background: #DDB757

Color Difference (Delta E)

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

Gradient

#577DDD #7F85C8 #9A8EB3 #AF989E #C0A288 #CFAC71 #DDB757

Color Mixing

#577DDD

100%

#8D8ABE

75:25

#AF989E

50:50

#C8A77D

25:75

#DDB757

100%

CSS Gradient Code

background: linear-gradient(to right, #577DDD, #DDB757);
background: linear-gradient(135deg, #577DDD, #DDB757);

Explore Each Color

#577DDD

View full color details

#DDB757

View full color details

Related Comparisons