#CCF2B2

#CCF2B2

#D8B2F2

#D8B2F2

Contrast Ratio

1.46:1

Delta E

73.79

Very Different

50:50 Mix

#D5D3D3

Color Values

Format #CCF2B2 #D8B2F2
HEX #CCF2B2 #D8B2F2
RGB 204, 242, 178 216, 178, 242
HSL 95.6, 71.1%, 82.4% 275.6, 71.1%, 82.4%
HSV 95.6, 26.4%, 94.9% 275.6, 26.4%, 94.9%
CMYK 15.7%, 0.0%, 26.4%, 5.1% 10.7%, 26.4%, 0.0%, 5.1%
OKLCH 0.9182 0.0932 133.0 0.8184 0.0968 311.2

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D8B2F2 → Background: #CCF2B2

The quick brown fox jumps over the lazy dog

Text: #CCF2B2 → Background: #D8B2F2

Color Difference (Delta E)

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

Gradient

#CCF2B2 #D0E8BD #D3DDC8 #D5D3D3 #D7C8DE #D8BDE8 #D8B2F2

Color Mixing

#CCF2B2

100%

#D1E2C3

75:25

#D5D3D3

50:50

#D7C3E3

25:75

#D8B2F2

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF2B2, #D8B2F2);
background: linear-gradient(135deg, #CCF2B2, #D8B2F2);

Explore Each Color

#CCF2B2

View full color details

#D8B2F2

View full color details

Related Comparisons