#CCE2DC

#CCE2DC

#E2CCD2

#E2CCD2

Contrast Ratio

1.12:1

Delta E

17.61

Noticeable

50:50 Mix

#D8D7D7

Color Values

Format #CCE2DC #E2CCD2
HEX #CCE2DC #E2CCD2
RGB 204, 226, 220 226, 204, 210
HSL 163.6, 27.5%, 84.3% 343.6, 27.5%, 84.3%
HSV 163.6, 9.7%, 88.6% 343.6, 9.7%, 88.6%
CMYK 9.7%, 0.0%, 2.7%, 11.4% 0.0%, 9.7%, 7.1%, 11.4%
OKLCH 0.8948 0.0248 177.6 0.8651 0.0258 359.2

Contrast & Accessibility

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E2CCD2 → Background: #CCE2DC

The quick brown fox jumps over the lazy dog

Text: #CCE2DC → Background: #E2CCD2

Color Difference (Delta E)

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

Gradient

#CCE2DC #D0DEDA #D4DBD9 #D8D7D7 #DBD3D5 #DFD0D4 #E2CCD2

Color Mixing

#CCE2DC

100%

#D2DDD9

75:25

#D8D7D7

50:50

#DDD2D4

25:75

#E2CCD2

100%

CSS Gradient Code

background: linear-gradient(to right, #CCE2DC, #E2CCD2);
background: linear-gradient(135deg, #CCE2DC, #E2CCD2);

Explore Each Color

#CCE2DC

View full color details

#E2CCD2

View full color details

Related Comparisons