#CCDDF3

#CCDDF3

#F3E2CC

#F3E2CC

Contrast Ratio

1.09:1

Delta E

25.93

Very Different

50:50 Mix

#E1DFE0

Color Values

Format #CCDDF3 #F3E2CC
HEX #CCDDF3 #F3E2CC
RGB 204, 221, 243 243, 226, 204
HSL 213.8, 61.9%, 87.6% 33.8, 61.9%, 87.6%
HSV 213.8, 16.0%, 95.3% 33.8, 16.0%, 95.3%
CMYK 16.0%, 9.1%, 0.0%, 4.7% 0.0%, 7.0%, 16.0%, 4.7%
OKLCH 0.8916 0.0354 254.9 0.9207 0.0347 74.4

Contrast & Accessibility

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3E2CC → Background: #CCDDF3

The quick brown fox jumps over the lazy dog

Text: #CCDDF3 → Background: #F3E2CC

Color Difference (Delta E)

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

Gradient

#CCDDF3 #D3DEED #DADFE6 #E1DFE0 #E7E0D9 #EDE1D3 #F3E2CC

Color Mixing

#CCDDF3

100%

#D7DEE9

75:25

#E1DFE0

50:50

#EAE1D6

25:75

#F3E2CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCDDF3, #F3E2CC);
background: linear-gradient(135deg, #CCDDF3, #F3E2CC);

Explore Each Color

#CCDDF3

View full color details

#F3E2CC

View full color details

Related Comparisons