#D4F2F2

#D4F2F2

#F2D4D4

#F2D4D4

Contrast Ratio

1.17:1

Delta E

22.2

Noticeable

50:50 Mix

#E4E3E3

Color Values

Format #D4F2F2 #F2D4D4
HEX #D4F2F2 #F2D4D4
RGB 212, 242, 242 242, 212, 212
HSL 180.0, 53.6%, 89.0% 0.0, 53.6%, 89.0%
HSV 180.0, 12.4%, 94.9% 0.0, 12.4%, 94.9%
CMYK 12.4%, 0.0%, 0.0%, 5.1% 0.0%, 12.4%, 12.4%, 5.1%
OKLCH 0.9395 0.0313 196.6 0.8949 0.0336 17.8

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: #F2D4D4 → Background: #D4F2F2

The quick brown fox jumps over the lazy dog

Text: #D4F2F2 → Background: #F2D4D4

Color Difference (Delta E)

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

Gradient

#D4F2F2 #DAEDED #DFE8E8 #E4E3E3 #E9DEDE #EED9D9 #F2D4D4

Color Mixing

#D4F2F2

100%

#DDEBEA

75:25

#E4E3E3

50:50

#EBDCDB

25:75

#F2D4D4

100%

CSS Gradient Code

background: linear-gradient(to right, #D4F2F2, #F2D4D4);
background: linear-gradient(135deg, #D4F2F2, #F2D4D4);

Explore Each Color

#D4F2F2

View full color details

#F2D4D4

View full color details

Related Comparisons