#CCF4E1

#CCF4E1

#F4CCDF

#F4CCDF

Contrast Ratio

1.21:1

Delta E

35.53

Very Different

50:50 Mix

#E2E1E0

Color Values

Format #CCF4E1 #F4CCDF
HEX #CCF4E1 #F4CCDF
RGB 204, 244, 225 244, 204, 223
HSL 151.5, 64.5%, 87.8% 331.5, 64.5%, 87.8%
HSV 151.5, 16.4%, 95.7% 331.5, 16.4%, 95.7%
CMYK 16.4%, 0.0%, 7.8%, 4.3% 0.0%, 16.4%, 8.6%, 4.3%
OKLCH 0.9336 0.0486 165.0 0.8848 0.0512 347.9

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4CCDF → Background: #CCF4E1

The quick brown fox jumps over the lazy dog

Text: #CCF4E1 → Background: #F4CCDF

Color Difference (Delta E)

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

Gradient

#CCF4E1 #D4EEE1 #DBE7E0 #E2E1E0 #E8DAE0 #EED3DF #F4CCDF

Color Mixing

#CCF4E1

100%

#D7EAE1

75:25

#E2E1E0

50:50

#EBD6E0

25:75

#F4CCDF

100%

CSS Gradient Code

background: linear-gradient(to right, #CCF4E1, #F4CCDF);
background: linear-gradient(135deg, #CCF4E1, #F4CCDF);

Explore Each Color

#CCF4E1

View full color details

#F4CCDF

View full color details

Related Comparisons