#CCE2F5

#CCE2F5

#F5DFCC

#F5DFCC

Contrast Ratio

1.03:1

Delta E

25.07

Very Different

50:50 Mix

#E2E0E1

Color Values

Format #CCE2F5 #F5DFCC
HEX #CCE2F5 #F5DFCC
RGB 204, 226, 245 245, 223, 204
HSL 207.8, 67.2%, 88.0% 27.8, 67.2%, 88.0%
HSV 207.8, 16.7%, 96.1% 27.8, 16.7%, 96.1%
CMYK 16.7%, 7.8%, 0.0%, 3.9% 0.0%, 9.0%, 16.7%, 3.9%
OKLCH 0.9024 0.0351 244.2 0.9165 0.0352 63.2

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5DFCC → Background: #CCE2F5

The quick brown fox jumps over the lazy dog

Text: #CCE2F5 → Background: #F5DFCC

Color Difference (Delta E)

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

Gradient

#CCE2F5 #D4E2EE #DBE1E7 #E2E0E1 #E9E0DA #EFDFD3 #F5DFCC

Color Mixing

#CCE2F5

100%

#D8E1EB

75:25

#E2E0E1

50:50

#ECE0D6

25:75

#F5DFCC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCE2F5, #F5DFCC);
background: linear-gradient(135deg, #CCE2F5, #F5DFCC);

Explore Each Color

#CCE2F5

View full color details

#F5DFCC

View full color details

Related Comparisons