#D2F7F6

#D2F7F6

#F7D2D3

#F7D2D3

Contrast Ratio

1.22:1

Delta E

27.34

Very Different

50:50 Mix

#E7E5E4

Color Values

Format #D2F7F6 #F7D2D3
HEX #D2F7F6 #F7D2D3
RGB 210, 247, 246 247, 210, 211
HSL 178.4, 69.8%, 89.6% 358.4, 69.8%, 89.6%
HSV 178.4, 15.0%, 96.9% 358.4, 15.0%, 96.9%
CMYK 15.0%, 0.0%, 0.4%, 3.1% 0.0%, 15.0%, 14.6%, 3.1%
OKLCH 0.9496 0.0382 194.5 0.8953 0.0416 16.1

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: #F7D2D3 → Background: #D2F7F6

The quick brown fox jumps over the lazy dog

Text: #D2F7F6 → Background: #F7D2D3

Color Difference (Delta E)

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

Gradient

#D2F7F6 #D9F1F0 #E0EBEA #E7E5E4 #ECDFDF #F2D8D9 #F7D2D3

Color Mixing

#D2F7F6

100%

#DDEEED

75:25

#E7E5E4

50:50

#EFDBDC

25:75

#F7D2D3

100%

CSS Gradient Code

background: linear-gradient(to right, #D2F7F6, #F7D2D3);
background: linear-gradient(135deg, #D2F7F6, #F7D2D3);

Explore Each Color

#D2F7F6

View full color details

#F7D2D3

View full color details

Related Comparisons