#D2F2DF

#D2F2DF

#F2D2E5

#F2D2E5

Contrast Ratio

1.16:1

Delta E

30.78

Very Different

50:50 Mix

#E3E2E2

Color Values

Format #D2F2DF #F2D2E5
HEX #D2F2DF #F2D2E5
RGB 210, 242, 223 242, 210, 229
HSL 144.4, 55.2%, 88.6% 324.4, 55.2%, 88.6%
HSV 144.4, 13.2%, 94.9% 324.4, 13.2%, 94.9%
CMYK 13.2%, 0.0%, 7.9%, 5.1% 0.0%, 13.2%, 5.4%, 5.1%
OKLCH 0.9329 0.042 159.4 0.896 0.0434 341.6

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2D2E5 → Background: #D2F2DF

The quick brown fox jumps over the lazy dog

Text: #D2F2DF → Background: #F2D2E5

Color Difference (Delta E)

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

Gradient

#D2F2DF #D8EDE0 #DEE8E1 #E3E2E2 #E8DDE3 #EDD8E4 #F2D2E5

Color Mixing

#D2F2DF

100%

#DBEAE1

75:25

#E3E2E2

50:50

#EBDAE4

25:75

#F2D2E5

100%

CSS Gradient Code

background: linear-gradient(to right, #D2F2DF, #F2D2E5);
background: linear-gradient(135deg, #D2F2DF, #F2D2E5);

Explore Each Color

#D2F2DF

View full color details

#F2D2E5

View full color details

Related Comparisons