#CCAAF4

#CCAAF4

#D2F4AA

#D2F4AA

Contrast Ratio

1.62:1

Delta E

83.29

Very Different

50:50 Mix

#D3CFD0

Color Values

Format #CCAAF4 #D2F4AA
HEX #CCAAF4 #D2F4AA
RGB 204, 170, 244 210, 244, 170
HSL 267.6, 77.1%, 81.2% 87.6, 77.1%, 81.2%
HSV 267.6, 30.3%, 95.7% 87.6, 30.3%, 95.7%
CMYK 16.4%, 30.3%, 0.0%, 4.3% 13.9%, 0.0%, 30.3%, 4.3%
OKLCH 0.7939 0.1085 305.1 0.925 0.1026 128.3

Contrast & Accessibility

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D2F4AA → Background: #CCAAF4

The quick brown fox jumps over the lazy dog

Text: #CCAAF4 → Background: #D2F4AA

Color Difference (Delta E)

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

Gradient

#CCAAF4 #CFB7E8 #D2C3DD #D3CFD0 #D4DCC4 #D3E8B7 #D2F4AA

Color Mixing

#CCAAF4

100%

#D1BDE2

75:25

#D3CFD0

50:50

#D4E2BE

25:75

#D2F4AA

100%

CSS Gradient Code

background: linear-gradient(to right, #CCAAF4, #D2F4AA);
background: linear-gradient(135deg, #CCAAF4, #D2F4AA);

Explore Each Color

#CCAAF4

View full color details

#D2F4AA

View full color details

Related Comparisons