#CCDCE2

#CCDCE2

#E2D2CC

#E2D2CC

Contrast Ratio

1.04:1

Delta E

13.13

Noticeable

50:50 Mix

#D8D7D7

Color Values

Format #CCDCE2 #E2D2CC
HEX #CCDCE2 #E2D2CC
RGB 204, 220, 226 226, 210, 204
HSL 196.4, 27.5%, 84.3% 16.4, 27.5%, 84.3%
HSV 196.4, 9.7%, 88.6% 16.4, 9.7%, 88.6%
CMYK 9.7%, 2.7%, 0.0%, 11.4% 0.0%, 7.1%, 9.7%, 11.4%
OKLCH 0.8842 0.0191 222.2 0.8751 0.0197 41.8

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E2D2CC → Background: #CCDCE2

The quick brown fox jumps over the lazy dog

Text: #CCDCE2 → Background: #E2D2CC

Color Difference (Delta E)

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

Gradient

#CCDCE2 #D0DADE #D4D9DB #D8D7D7 #DBD5D3 #DFD4D0 #E2D2CC

Color Mixing

#CCDCE2

100%

#D2DADC

75:25

#D8D7D7

50:50

#DDD5D1

25:75

#E2D2CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCDCE2, #E2D2CC);
background: linear-gradient(135deg, #CCDCE2, #E2D2CC);

Explore Each Color

#CCDCE2

View full color details

#E2D2CC

View full color details

Related Comparisons