#D4F4EB

#D4F4EB

#F4D4DD

#F4D4DD

Contrast Ratio

1.17:1

Delta E

25.4

Very Different

50:50 Mix

#E5E4E4

Color Values

Format #D4F4EB #F4D4DD
HEX #D4F4EB #F4D4DD
RGB 212, 244, 235 244, 212, 221
HSL 163.1, 59.3%, 89.4% 343.1, 59.3%, 89.4%
HSV 163.1, 13.1%, 95.7% 343.1, 13.1%, 95.7%
CMYK 13.1%, 0.0%, 3.7%, 4.3% 0.0%, 13.1%, 9.4%, 4.3%
OKLCH 0.9416 0.0354 176.7 0.8992 0.0375 359.0

Contrast & Accessibility

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4D4DD → Background: #D4F4EB

The quick brown fox jumps over the lazy dog

Text: #D4F4EB → Background: #F4D4DD

Color Difference (Delta E)

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

Gradient

#D4F4EB #DAEFE9 #E0EAE6 #E5E4E4 #EADFE2 #EFDADF #F4D4DD

Color Mixing

#D4F4EB

100%

#DDECE7

75:25

#E5E4E4

50:50

#EDDCE0

25:75

#F4D4DD

100%

CSS Gradient Code

background: linear-gradient(to right, #D4F4EB, #F4D4DD);
background: linear-gradient(135deg, #D4F4EB, #F4D4DD);

Explore Each Color

#D4F4EB

View full color details

#F4D4DD

View full color details

Related Comparisons