#5771DD

#5771DD

#DDC357

#DDC357

Contrast Ratio

2.5:1

Delta E

121.03

Very Different

50:50 Mix

#AF989F

Color Values

Format #5771DD #DDC357
HEX #5771DD #DDC357
RGB 87, 113, 221 221, 195, 87
HSL 228.4, 66.3%, 60.4% 48.4, 66.3%, 60.4%
HSV 228.4, 60.6%, 86.7% 48.4, 60.6%, 86.7%
CMYK 60.6%, 48.9%, 0.0%, 13.3% 0.0%, 11.8%, 60.6%, 13.3%
OKLCH 0.5841 0.1666 270.3 0.8187 0.1303 95.8

Contrast & Accessibility

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DDC357 → Background: #5771DD

The quick brown fox jumps over the lazy dog

Text: #5771DD → Background: #DDC357

Color Difference (Delta E)

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

Gradient

#5771DD #7F7DC9 #9A8AB4 #AF989F #C0A68A #D0B472 #DDC357

Color Mixing

#5771DD

100%

#8D83BF

75:25

#AF989F

50:50

#C8AD7E

25:75

#DDC357

100%

CSS Gradient Code

background: linear-gradient(to right, #5771DD, #DDC357);
background: linear-gradient(135deg, #5771DD, #DDC357);

Explore Each Color

#5771DD

View full color details

#DDC357

View full color details

Related Comparisons