#CCA2F7

#CCA2F7

#CDF7A2

#CDF7A2

Contrast Ratio

1.73:1

Delta E

96.12

Very Different

50:50 Mix

#D2CDCE

Color Values

Format #CCA2F7 #CDF7A2
HEX #CCA2F7 #CDF7A2
RGB 204, 162, 247 205, 247, 162
HSL 269.6, 84.2%, 80.2% 89.6, 84.2%, 80.2%
HSV 269.6, 34.4%, 96.9% 89.6, 34.4%, 96.9%
CMYK 17.4%, 34.4%, 0.0%, 3.1% 17.0%, 0.0%, 34.4%, 3.1%
OKLCH 0.781 0.1256 306.4 0.9266 0.1183 129.8

Contrast & Accessibility

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CDF7A2 → Background: #CCA2F7

The quick brown fox jumps over the lazy dog

Text: #CCA2F7 → Background: #CDF7A2

Color Difference (Delta E)

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

Gradient

#CCA2F7 #CFB1EA #D1BFDC #D2CDCE #D1DBC0 #D0E9B2 #CDF7A2

Color Mixing

#CCA2F7

100%

#D0B8E3

75:25

#D2CDCE

50:50

#D1E2B9

25:75

#CDF7A2

100%

CSS Gradient Code

background: linear-gradient(to right, #CCA2F7, #CDF7A2);
background: linear-gradient(135deg, #CCA2F7, #CDF7A2);

Explore Each Color

#CCA2F7

View full color details

#CDF7A2

View full color details

Related Comparisons