#DCF4CC

#DCF4CC

#E4CCF4

#E4CCF4

Contrast Ratio

1.25:1

Delta E

45.86

Very Different

50:50 Mix

#E1E0E0

Color Values

Format #DCF4CC #E4CCF4
HEX #DCF4CC #E4CCF4
RGB 220, 244, 204 228, 204, 244
HSL 96.0, 64.5%, 87.8% 276.0, 64.5%, 87.8%
HSV 96.0, 16.4%, 95.7% 276.0, 16.4%, 95.7%
CMYK 9.8%, 0.0%, 16.4%, 4.3% 6.6%, 16.4%, 0.0%, 4.3%
OKLCH 0.9392 0.0586 132.8 0.8775 0.0599 311.9

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E4CCF4 → Background: #DCF4CC

The quick brown fox jumps over the lazy dog

Text: #DCF4CC → Background: #E4CCF4

Color Difference (Delta E)

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

Gradient

#DCF4CC #DEEDD3 #E0E7DA #E1E0E0 #E2DAE7 #E3D3EE #E4CCF4

Color Mixing

#DCF4CC

100%

#DFEAD6

75:25

#E1E0E0

50:50

#E3D6EA

25:75

#E4CCF4

100%

CSS Gradient Code

background: linear-gradient(to right, #DCF4CC, #E4CCF4);
background: linear-gradient(135deg, #DCF4CC, #E4CCF4);

Explore Each Color

#DCF4CC

View full color details

#E4CCF4

View full color details

Related Comparisons