#CCF2B3

#CCF2B3

#D9B3F2

#D9B3F2

Contrast Ratio

1.45:1

Delta E

72.77

Very Different

50:50 Mix

#D6D3D3

Color Values

Format #CCF2B3 #D9B3F2
HEX #CCF2B3 #D9B3F2
RGB 204, 242, 179 217, 179, 242
HSL 96.2, 70.8%, 82.5% 276.2, 70.8%, 82.5%
HSV 96.2, 26.0%, 94.9% 276.2, 26.0%, 94.9%
CMYK 15.7%, 0.0%, 26.0%, 5.1% 10.3%, 26.0%, 0.0%, 5.1%
OKLCH 0.9184 0.0921 133.3 0.8211 0.0955 311.6

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D9B3F2 → Background: #CCF2B3

The quick brown fox jumps over the lazy dog

Text: #CCF2B3 → Background: #D9B3F2

Color Difference (Delta E)

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

Gradient

#CCF2B3 #D0E8BE #D3DEC9 #D6D3D3 #D7C9DE #D8BEE8 #D9B3F2

Color Mixing

#CCF2B3

100%

#D2E3C4

75:25

#D6D3D3

50:50

#D8C3E3

25:75

#D9B3F2

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF2B3, #D9B3F2);
background: linear-gradient(135deg, #CCF2B3, #D9B3F2);

Explore Each Color

#CCF2B3

View full color details

#D9B3F2

View full color details

Related Comparisons