#CCF8DF

#CCF8DF

#F8CCE5

#F8CCE5

Contrast Ratio

1.22:1

Delta E

41.46

Very Different

50:50 Mix

#E4E3E2

Color Values

Format #CCF8DF #F8CCE5
HEX #CCF8DF #F8CCE5
RGB 204, 248, 223 248, 204, 229
HSL 145.9, 75.9%, 88.6% 325.9, 75.9%, 88.6%
HSV 145.9, 17.7%, 97.3% 325.9, 17.7%, 97.3%
CMYK 17.7%, 0.0%, 10.1%, 2.7% 0.0%, 17.7%, 7.7%, 2.7%
OKLCH 0.9415 0.0564 160.2 0.8903 0.059 343.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: #F8CCE5 → Background: #CCF8DF

The quick brown fox jumps over the lazy dog

Text: #CCF8DF → Background: #F8CCE5

Color Difference (Delta E)

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

Gradient

#CCF8DF #D5F1E0 #DCEAE1 #E4E3E2 #EBDBE3 #F2D4E4 #F8CCE5

Color Mixing

#CCF8DF

100%

#D9EDE1

75:25

#E4E3E2

50:50

#EED8E4

25:75

#F8CCE5

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF8DF, #F8CCE5);
background: linear-gradient(135deg, #CCF8DF, #F8CCE5);

Explore Each Color

#CCF8DF

View full color details

#F8CCE5

View full color details

Related Comparisons