#C9F3DF

#C9F3DF

#F3C9DD

#F3C9DD

Contrast Ratio

1.22:1

Delta E

37.37

Very Different

50:50 Mix

#E0DFDE

Color Values

Format #C9F3DF #F3C9DD
HEX #C9F3DF #F3C9DD
RGB 201, 243, 223 243, 201, 221
HSL 151.4, 63.6%, 87.1% 331.4, 63.6%, 87.1%
HSV 151.4, 17.3%, 95.3% 331.4, 17.3%, 95.3%
CMYK 17.3%, 0.0%, 8.2%, 4.7% 0.0%, 17.3%, 9.1%, 4.7%
OKLCH 0.929 0.0511 164.8 0.8778 0.0539 348.0

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: #F3C9DD → Background: #C9F3DF

The quick brown fox jumps over the lazy dog

Text: #C9F3DF → Background: #F3C9DD

Color Difference (Delta E)

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

Gradient

#C9F3DF #D1ECDF #D9E6DE #E0DFDE #E7D8DE #EDD0DD #F3C9DD

Color Mixing

#C9F3DF

100%

#D5E9DF

75:25

#E0DFDE

50:50

#EAD4DE

25:75

#F3C9DD

100%

CSS Gradient Code

background: linear-gradient(to right, #C9F3DF, #F3C9DD);
background: linear-gradient(135deg, #C9F3DF, #F3C9DD);

Explore Each Color

#C9F3DF

View full color details

#F3C9DD

View full color details

Related Comparisons