#DEF7F8

#DEF7F8

#F8DFDE

#F8DFDE

Contrast Ratio

1.13:1

Delta E

18.34

Noticeable

50:50 Mix

#ECEBEB

Color Values

Format #DEF7F8 #F8DFDE
HEX #DEF7F8 #F8DFDE
RGB 222, 247, 248 248, 223, 222
HSL 182.3, 65.0%, 92.2% 2.3, 65.0%, 92.2%
HSV 182.3, 10.5%, 97.3% 2.3, 10.5%, 97.3%
CMYK 10.5%, 0.4%, 0.0%, 2.7% 0.0%, 10.1%, 10.5%, 2.7%
OKLCH 0.9583 0.0262 199.7 0.9237 0.0277 20.4

Contrast & Accessibility

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8DFDE → Background: #DEF7F8

The quick brown fox jumps over the lazy dog

Text: #DEF7F8 → Background: #F8DFDE

Color Difference (Delta E)

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

Gradient

#DEF7F8 #E3F3F4 #E8EFEF #ECEBEB #F0E7E7 #F4E3E2 #F8DFDE

Color Mixing

#DEF7F8

100%

#E5F1F1

75:25

#ECEBEB

50:50

#F2E5E4

25:75

#F8DFDE

100%

CSS Gradient Code

background: linear-gradient(to right, #DEF7F8, #F8DFDE);
background: linear-gradient(135deg, #DEF7F8, #F8DFDE);

Explore Each Color

#DEF7F8

View full color details

#F8DFDE

View full color details

Related Comparisons