#CCCDF2

#CCCDF2

#F2F1CC

#F2F1CC

Contrast Ratio

1.34:1

Delta E

39.98

Very Different

50:50 Mix

#E0DFDF

Color Values

Format #CCCDF2 #F2F1CC
HEX #CCCDF2 #F2F1CC
RGB 204, 205, 242 242, 241, 204
HSL 238.4, 59.4%, 87.5% 58.4, 59.4%, 87.5%
HSV 238.4, 15.7%, 94.9% 58.4, 15.7%, 94.9%
CMYK 15.7%, 15.3%, 0.0%, 5.1% 0.0%, 0.4%, 15.7%, 5.1%
OKLCH 0.8594 0.0511 284.0 0.9495 0.0483 106.0

Contrast & Accessibility

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2F1CC → Background: #CCCDF2

The quick brown fox jumps over the lazy dog

Text: #CCCDF2 → Background: #F2F1CC

Color Difference (Delta E)

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

Gradient

#CCCDF2 #D3D3EC #DAD9E6 #E0DFDF #E6E5D9 #ECEBD3 #F2F1CC

Color Mixing

#CCCDF2

100%

#D7D6E9

75:25

#E0DFDF

50:50

#E9E8D6

25:75

#F2F1CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCCDF2, #F2F1CC);
background: linear-gradient(135deg, #CCCDF2, #F2F1CC);

Explore Each Color

#CCCDF2

View full color details

#F2F1CC

View full color details

Related Comparisons