#CCC2DE

#CCC2DE

#D4DEC2

#D4DEC2

Contrast Ratio

1.22:1

Delta E

31.27

Very Different

50:50 Mix

#D1D0D0

Color Values

Format #CCC2DE #D4DEC2
HEX #CCC2DE #D4DEC2
RGB 204, 194, 222 212, 222, 194
HSL 261.4, 29.8%, 81.6% 81.4, 29.8%, 81.6%
HSV 261.4, 12.6%, 87.1% 81.4, 12.6%, 87.1%
CMYK 8.1%, 12.6%, 0.0%, 12.9% 4.5%, 0.0%, 12.6%, 12.9%
OKLCH 0.8309 0.0401 301.8 0.8855 0.039 123.2

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D4DEC2 → Background: #CCC2DE

The quick brown fox jumps over the lazy dog

Text: #CCC2DE → Background: #D4DEC2

Color Difference (Delta E)

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

Gradient

#CCC2DE #CEC7D9 #CFCBD5 #D1D0D0 #D2D5CC #D3D9C7 #D4DEC2

Color Mixing

#CCC2DE

100%

#CEC9D7

75:25

#D1D0D0

50:50

#D2D7C9

25:75

#D4DEC2

100%

CSS Gradient Code

background: linear-gradient(to right, #CCC2DE, #D4DEC2);
background: linear-gradient(135deg, #CCC2DE, #D4DEC2);

Explore Each Color

#CCC2DE

View full color details

#D4DEC2

View full color details

Related Comparisons