#DFF4F1

#DFF4F1

#F4DFE2

#F4DFE2

Contrast Ratio

1.11:1

Delta E

15.78

Noticeable

50:50 Mix

#EAEAE9

Color Values

Format #DFF4F1 #F4DFE2
HEX #DFF4F1 #F4DFE2
RGB 223, 244, 241 244, 223, 226
HSL 171.4, 48.8%, 91.6% 351.4, 48.8%, 91.6%
HSV 171.4, 8.6%, 95.7% 351.4, 8.6%, 95.7%
CMYK 8.6%, 0.0%, 1.2%, 4.3% 0.0%, 8.6%, 7.4%, 4.3%
OKLCH 0.9509 0.0224 186.5 0.9215 0.0234 7.7

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: #F4DFE2 → Background: #DFF4F1

The quick brown fox jumps over the lazy dog

Text: #DFF4F1 → Background: #F4DFE2

Color Difference (Delta E)

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

Gradient

#DFF4F1 #E3F1EE #E7EDEC #EAEAE9 #EDE6E7 #F1E3E4 #F4DFE2

Color Mixing

#DFF4F1

100%

#E5EFED

75:25

#EAEAE9

50:50

#EFE4E6

25:75

#F4DFE2

100%

CSS Gradient Code

background: linear-gradient(to right, #DFF4F1, #F4DFE2);
background: linear-gradient(135deg, #DFF4F1, #F4DFE2);

Explore Each Color

#DFF4F1

View full color details

#F4DFE2

View full color details

Related Comparisons