#CCACF4

#CCACF4

#D4F4AC

#D4F4AC

Contrast Ratio

1.61:1

Delta E

80.85

Very Different

50:50 Mix

#D4D0D1

Color Values

Format #CCACF4 #D4F4AC
HEX #CCACF4 #D4F4AC
RGB 204, 172, 244 212, 244, 172
HSL 266.7, 76.6%, 81.6% 86.7, 76.6%, 81.6%
HSV 266.7, 29.5%, 95.7% 86.7, 29.5%, 95.7%
CMYK 16.4%, 29.5%, 0.0%, 4.3% 13.1%, 0.0%, 29.5%, 4.3%
OKLCH 0.7976 0.1052 304.5 0.9268 0.0995 127.7

Contrast & Accessibility

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D4F4AC → Background: #CCACF4

The quick brown fox jumps over the lazy dog

Text: #CCACF4 → Background: #D4F4AC

Color Difference (Delta E)

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

Gradient

#CCACF4 #CFB8E9 #D2C4DD #D4D0D1 #D5DCC5 #D5E8B9 #D4F4AC

Color Mixing

#CCACF4

100%

#D1BEE3

75:25

#D4D0D1

50:50

#D5E2BF

25:75

#D4F4AC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCACF4, #D4F4AC);
background: linear-gradient(135deg, #CCACF4, #D4F4AC);

Explore Each Color

#CCACF4

View full color details

#D4F4AC

View full color details

Related Comparisons