#CDF5DF

#CDF5DF

#F5CDE3

#F5CDE3

Contrast Ratio

1.2:1

Delta E

37.31

Very Different

50:50 Mix

#E3E2E1

Color Values

Format #CDF5DF #F5CDE3
HEX #CDF5DF #F5CDE3
RGB 205, 245, 223 245, 205, 227
HSL 147.0, 66.7%, 88.2% 327.0, 66.7%, 88.2%
HSV 147.0, 16.3%, 96.1% 327.0, 16.3%, 96.1%
CMYK 16.3%, 0.0%, 9.0%, 3.9% 0.0%, 16.3%, 7.3%, 3.9%
OKLCH 0.9358 0.0509 161.2 0.8888 0.0531 344.0

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5CDE3 → Background: #CDF5DF

The quick brown fox jumps over the lazy dog

Text: #CDF5DF → Background: #F5CDE3

Color Difference (Delta E)

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

Gradient

#CDF5DF #D5EFE0 #DCE8E0 #E3E2E1 #E9DBE2 #EFD4E2 #F5CDE3

Color Mixing

#CDF5DF

100%

#D8EBE0

75:25

#E3E2E1

50:50

#ECD7E2

25:75

#F5CDE3

100%

CSS Gradient Code

background: linear-gradient(to right, #CDF5DF, #F5CDE3);
background: linear-gradient(135deg, #CDF5DF, #F5CDE3);

Explore Each Color

#CDF5DF

View full color details

#F5CDE3

View full color details

Related Comparisons