#CCCCE2

#CCCCE2

#E2E2CC

#E2E2CC

Contrast Ratio

1.2:1

Delta E

24.0

Noticeable

50:50 Mix

#D7D7D7

Color Values

Format #CCCCE2 #E2E2CC
HEX #CCCCE2 #E2E2CC
RGB 204, 204, 226 226, 226, 204
HSL 240.0, 27.5%, 84.3% 60.0, 27.5%, 84.3%
HSV 240.0, 9.7%, 88.6% 60.0, 9.7%, 88.6%
CMYK 9.7%, 9.7%, 0.0%, 11.4% 0.0%, 0.0%, 9.7%, 11.4%
OKLCH 0.852 0.0303 285.7 0.9069 0.0293 107.0

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E2E2CC → Background: #CCCCE2

The quick brown fox jumps over the lazy dog

Text: #CCCCE2 → Background: #E2E2CC

Color Difference (Delta E)

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

Gradient

#CCCCE2 #D0D0DE #D4D3DB #D7D7D7 #DBDBD3 #DFDED0 #E2E2CC

Color Mixing

#CCCCE2

100%

#D2D1DD

75:25

#D7D7D7

50:50

#DDDCD2

25:75

#E2E2CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCCCE2, #E2E2CC);
background: linear-gradient(135deg, #CCCCE2, #E2E2CC);

Explore Each Color

#CCCCE2

View full color details

#E2E2CC

View full color details

Related Comparisons