#E2F7ED

#E2F7ED

#F7E2EC

#F7E2EC

Contrast Ratio

1.1:1

Delta E

18.54

Noticeable

50:50 Mix

#EDEDED

Color Values

Format #E2F7ED #F7E2EC
HEX #E2F7ED #F7E2EC
RGB 226, 247, 237 247, 226, 236
HSL 151.4, 56.8%, 92.7% 331.4, 56.8%, 92.7%
HSV 151.4, 8.5%, 96.9% 331.4, 8.5%, 96.9%
CMYK 8.5%, 0.0%, 4.0%, 3.1% 0.0%, 8.5%, 4.5%, 3.1%
OKLCH 0.958 0.0257 165.7 0.9325 0.0264 347.1

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7E2EC → Background: #E2F7ED

The quick brown fox jumps over the lazy dog

Text: #E2F7ED → Background: #F7E2EC

Color Difference (Delta E)

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

Gradient

#E2F7ED #E6F4ED #E9F0ED #EDEDED #F0E9EC #F4E6EC #F7E2EC

Color Mixing

#E2F7ED

100%

#E8F2ED

75:25

#EDEDED

50:50

#F2E7EC

25:75

#F7E2EC

100%

CSS Gradient Code

background: linear-gradient(to right, #E2F7ED, #F7E2EC);
background: linear-gradient(135deg, #E2F7ED, #F7E2EC);

Explore Each Color

#E2F7ED

View full color details

#F7E2EC

View full color details

Related Comparisons