#DFF2F8

#DFF2F8

#F8E5DF

#F8E5DF

Contrast Ratio

1.05:1

Delta E

14.87

Noticeable

50:50 Mix

#ECECEB

Color Values

Format #DFF2F8 #F8E5DF
HEX #DFF2F8 #F8E5DF
RGB 223, 242, 248 248, 229, 223
HSL 194.4, 64.1%, 92.4% 14.4, 64.1%, 92.4%
HSV 194.4, 10.1%, 97.3% 14.4, 10.1%, 97.3%
CMYK 10.1%, 2.4%, 0.0%, 2.7% 0.0%, 7.7%, 10.1%, 2.7%
OKLCH 0.9489 0.0216 218.6 0.9355 0.0224 38.3

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8E5DF → Background: #DFF2F8

The quick brown fox jumps over the lazy dog

Text: #DFF2F8 → Background: #F8E5DF

Color Difference (Delta E)

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

Gradient

#DFF2F8 #E4F0F4 #E8EEF0 #ECECEB #F0E9E7 #F4E7E3 #F8E5DF

Color Mixing

#DFF2F8

100%

#E6EFF2

75:25

#ECECEB

50:50

#F2E8E5

25:75

#F8E5DF

100%

CSS Gradient Code

background: linear-gradient(to right, #DFF2F8, #F8E5DF);
background: linear-gradient(135deg, #DFF2F8, #F8E5DF);

Explore Each Color

#DFF2F8

View full color details

#F8E5DF

View full color details

Related Comparisons