#DFF0F4

#DFF0F4

#F4E3DF

#F4E3DF

Contrast Ratio

1.06:1

Delta E

12.88

Noticeable

50:50 Mix

#EAEAE9

Color Values

Format #DFF0F4 #F4E3DF
HEX #DFF0F4 #F4E3DF
RGB 223, 240, 244 244, 227, 223
HSL 191.4, 48.8%, 91.6% 11.4, 48.8%, 91.6%
HSV 191.4, 8.6%, 95.7% 11.4, 8.6%, 95.7%
CMYK 8.6%, 1.6%, 0.0%, 4.3% 0.0%, 7.0%, 8.6%, 4.3%
OKLCH 0.9437 0.0188 213.4 0.9283 0.0195 33.4

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4E3DF → Background: #DFF0F4

The quick brown fox jumps over the lazy dog

Text: #DFF0F4 → Background: #F4E3DF

Color Difference (Delta E)

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

Gradient

#DFF0F4 #E3EEF0 #E6ECED #EAEAE9 #EDE7E6 #F1E5E2 #F4E3DF

Color Mixing

#DFF0F4

100%

#E5EDEF

75:25

#EAEAE9

50:50

#EFE6E4

25:75

#F4E3DF

100%

CSS Gradient Code

background: linear-gradient(to right, #DFF0F4, #F4E3DF);
background: linear-gradient(135deg, #DFF0F4, #F4E3DF);

Explore Each Color

#DFF0F4

View full color details

#F4E3DF

View full color details

Related Comparisons