#DCF2E2

#DCF2E2

#F2DCEC

#F2DCEC

Contrast Ratio

1.1:1

Delta E

23.16

Noticeable

50:50 Mix

#E7E7E7

Color Values

Format #DCF2E2 #F2DCEC
HEX #DCF2E2 #F2DCEC
RGB 220, 242, 226 242, 220, 236
HSL 136.4, 45.8%, 90.6% 316.4, 45.8%, 90.6%
HSV 136.4, 9.1%, 94.9% 316.4, 9.1%, 94.9%
CMYK 9.1%, 0.0%, 6.6%, 5.1% 0.0%, 9.1%, 2.5%, 5.1%
OKLCH 0.9406 0.0315 154.2 0.917 0.032 335.4

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2DCEC → Background: #DCF2E2

The quick brown fox jumps over the lazy dog

Text: #DCF2E2 → Background: #F2DCEC

Color Difference (Delta E)

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

Gradient

#DCF2E2 #E0EEE4 #E4EBE5 #E7E7E7 #EBE4E9 #EFE0EA #F2DCEC

Color Mixing

#DCF2E2

100%

#E2EDE5

75:25

#E7E7E7

50:50

#EDE2EA

25:75

#F2DCEC

100%

CSS Gradient Code

background: linear-gradient(to right, #DCF2E2, #F2DCEC);
background: linear-gradient(135deg, #DCF2E2, #F2DCEC);

Explore Each Color

#DCF2E2

View full color details

#F2DCEC

View full color details

Related Comparisons