#DCF7F0

#DCF7F0

#F7DCE3

#F7DCE3

Contrast Ratio

1.14:1

Delta E

21.13

Noticeable

50:50 Mix

#EAEAE9

Color Values

Format #DCF7F0 #F7DCE3
HEX #DCF7F0 #F7DCE3
RGB 220, 247, 240 247, 220, 227
HSL 164.4, 62.8%, 91.6% 344.4, 62.8%, 91.6%
HSV 164.4, 10.9%, 96.9% 344.4, 10.9%, 96.9%
CMYK 10.9%, 0.0%, 2.8%, 3.1% 0.0%, 10.9%, 8.1%, 3.1%
OKLCH 0.9546 0.0297 178.3 0.9186 0.0311 0.2

Contrast & Accessibility

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7DCE3 → Background: #DCF7F0

The quick brown fox jumps over the lazy dog

Text: #DCF7F0 → Background: #F7DCE3

Color Difference (Delta E)

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

Gradient

#DCF7F0 #E1F3EE #E6EEEC #EAEAE9 #EFE5E7 #F3E1E5 #F7DCE3

Color Mixing

#DCF7F0

100%

#E3F0ED

75:25

#EAEAE9

50:50

#F1E3E6

25:75

#F7DCE3

100%

CSS Gradient Code

background: linear-gradient(to right, #DCF7F0, #F7DCE3);
background: linear-gradient(135deg, #DCF7F0, #F7DCE3);

Explore Each Color

#DCF7F0

View full color details

#F7DCE3

View full color details

Related Comparisons