#CCDCF3

#CCDCF3

#F3E3CC

#F3E3CC

Contrast Ratio

1.1:1

Delta E

26.61

Very Different

50:50 Mix

#E1DFE0

Color Values

Format #CCDCF3 #F3E3CC
HEX #CCDCF3 #F3E3CC
RGB 204, 220, 243 243, 227, 204
HSL 215.4, 61.9%, 87.6% 35.4, 61.9%, 87.6%
HSV 215.4, 16.0%, 95.3% 35.4, 16.0%, 95.3%
CMYK 16.0%, 9.5%, 0.0%, 4.7% 0.0%, 6.6%, 16.0%, 4.7%
OKLCH 0.8896 0.0361 257.4 0.9226 0.0352 77.1

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3E3CC → Background: #CCDCF3

The quick brown fox jumps over the lazy dog

Text: #CCDCF3 → Background: #F3E3CC

Color Difference (Delta E)

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

Gradient

#CCDCF3 #D3DDED #DADEE6 #E1DFE0 #E7E1D9 #EDE2D3 #F3E3CC

Color Mixing

#CCDCF3

100%

#D7DEE9

75:25

#E1DFE0

50:50

#EAE1D6

25:75

#F3E3CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCDCF3, #F3E3CC);
background: linear-gradient(135deg, #CCDCF3, #F3E3CC);

Explore Each Color

#CCDCF3

View full color details

#F3E3CC

View full color details

Related Comparisons