#DFF3F7

#DFF3F7

#F7E3DF

#F7E3DF

Contrast Ratio

1.08:1

Delta E

14.96

Noticeable

50:50 Mix

#ECEBEB

Color Values

Format #DFF3F7 #F7E3DF
HEX #DFF3F7 #F7E3DF
RGB 223, 243, 247 247, 227, 223
HSL 190.0, 60.0%, 92.2% 10.0, 60.0%, 92.2%
HSV 190.0, 9.7%, 96.9% 10.0, 9.7%, 96.9%
CMYK 9.7%, 1.6%, 0.0%, 3.1% 0.0%, 8.1%, 9.7%, 3.1%
OKLCH 0.9506 0.0218 211.0 0.9308 0.0227 31.1

Contrast & Accessibility

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7E3DF → Background: #DFF3F7

The quick brown fox jumps over the lazy dog

Text: #DFF3F7 → Background: #F7E3DF

Color Difference (Delta E)

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

Gradient

#DFF3F7 #E3F0F3 #E8EEEF #ECEBEB #F0E8E7 #F3E6E3 #F7E3DF

Color Mixing

#DFF3F7

100%

#E6EFF1

75:25

#ECEBEB

50:50

#F2E7E5

25:75

#F7E3DF

100%

CSS Gradient Code

background: linear-gradient(to right, #DFF3F7, #F7E3DF);
background: linear-gradient(135deg, #DFF3F7, #F7E3DF);

Explore Each Color

#DFF3F7

View full color details

#F7E3DF

View full color details

Related Comparisons