#7471CF

#7471CF

#CCCF71

#CCCF71

Contrast Ratio

2.54:1

Delta E

106.52

Very Different

50:50 Mix

Color Values

Format #7471CF #CCCF71
HEX #7471CF #CCCF71
RGB 116, 113, 207 204, 207, 113
HSL 241.9, 49.5%, 62.7% 61.9, 49.5%, 62.7%
HSV 241.9, 45.4%, 81.2% 61.9, 45.4%, 81.2%
CMYK 44.0%, 45.4%, 0.0%, 18.8% 1.4%, 0.0%, 45.4%, 18.8%
OKLCH 0.5949 0.1405 282.7 0.8321 0.1177 110.3

Contrast & Accessibility

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCCF71 → Background: #7471CF

The quick brown fox jumps over the lazy dog

Text: #7471CF → Background: #CCCF71

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #7471CF, #CCCF71);
background: linear-gradient(135deg, #7471CF, #CCCF71);

Explore Each Color

Related Comparisons