#E3F6DF

#E3F6DF

#F2DFF6

#F2DFF6

Contrast Ratio

1.11:1

Delta E

27.69

Very Different

50:50 Mix

#EBEBEB

Color Values

Format #E3F6DF #F2DFF6
HEX #E3F6DF #F2DFF6
RGB 227, 246, 223 242, 223, 246
HSL 109.6, 56.1%, 92.0% 289.6, 56.1%, 92.0%
HSV 109.6, 9.3%, 96.5% 289.6, 9.3%, 96.5%
CMYK 7.7%, 0.0%, 9.3%, 3.5% 1.6%, 9.3%, 0.0%, 3.5%
OKLCH 0.9529 0.0364 140.2 0.9257 0.0368 320.3

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2DFF6 → Background: #E3F6DF

The quick brown fox jumps over the lazy dog

Text: #E3F6DF → Background: #F2DFF6

Color Difference (Delta E)

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

Gradient

#E3F6DF #E6F2E3 #E8EEE7 #EBEBEB #EDE7EE #F0E3F2 #F2DFF6

Color Mixing

#E3F6DF

100%

#E7F0E5

75:25

#EBEBEB

50:50

#EFE5F0

25:75

#F2DFF6

100%

CSS Gradient Code

background: linear-gradient(to right, #E3F6DF, #F2DFF6);
background: linear-gradient(135deg, #E3F6DF, #F2DFF6);

Explore Each Color

#E3F6DF

View full color details

#F2DFF6

View full color details

Related Comparisons