#656CDF

#656CDF

#DFD865

#DFD865

Contrast Ratio

2.97:1

Delta E

128.37

Very Different

50:50 Mix

Color Values

Format #656CDF #DFD865
HEX #656CDF #DFD865
RGB 101, 108, 223 223, 216, 101
HSL 236.6, 65.6%, 63.5% 56.6, 65.6%, 63.5%
HSV 236.6, 54.7%, 87.5% 56.6, 54.7%, 87.5%
CMYK 54.7%, 51.6%, 0.0%, 12.5% 0.0%, 3.1%, 54.7%, 12.5%
OKLCH 0.5847 0.1721 277.0 0.8653 0.1369 105.7

Contrast & Accessibility

2.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFD865 → Background: #656CDF

The quick brown fox jumps over the lazy dog

Text: #656CDF → Background: #DFD865

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #656CDF, #DFD865);
background: linear-gradient(135deg, #656CDF, #DFD865);

Explore Each Color

Related Comparisons