#DCF8E0

#DCF8E0

#F8DCF4

#F8DCF4

Contrast Ratio

1.12:1

Delta E

32.17

Very Different

50:50 Mix

#EBEAEA

Color Values

Format #DCF8E0 #F8DCF4
HEX #DCF8E0 #F8DCF4
RGB 220, 248, 224 248, 220, 244
HSL 128.6, 66.7%, 91.8% 308.6, 66.7%, 91.8%
HSV 128.6, 11.3%, 97.3% 308.6, 11.3%, 97.3%
CMYK 11.3%, 0.0%, 9.7%, 2.7% 0.0%, 11.3%, 1.6%, 2.7%
OKLCH 0.9524 0.0433 149.4 0.9245 0.044 330.6

Contrast & Accessibility

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F8DCF4 → Background: #DCF8E0

The quick brown fox jumps over the lazy dog

Text: #DCF8E0 → Background: #F8DCF4

Color Difference (Delta E)

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

Gradient

#DCF8E0 #E1F4E3 #E6EFE7 #EBEAEA #EFE6ED #F4E1F1 #F8DCF4

Color Mixing

#DCF8E0

100%

#E4F1E5

75:25

#EBEAEA

50:50

#F2E3EF

25:75

#F8DCF4

100%

CSS Gradient Code

background: linear-gradient(to right, #DCF8E0, #F8DCF4);
background: linear-gradient(135deg, #DCF8E0, #F8DCF4);

Explore Each Color

#DCF8E0

View full color details

#F8DCF4

View full color details

Related Comparisons