#DCF3CC

#DCF3CC

#E3CCF3

#E3CCF3

Contrast Ratio

1.25:1

Delta E

44.65

Very Different

50:50 Mix

#E1E0E0

Color Values

Format #DCF3CC #E3CCF3
HEX #DCF3CC #E3CCF3
RGB 220, 243, 204 227, 204, 243
HSL 95.4, 61.9%, 87.6% 275.4, 61.9%, 87.6%
HSV 95.4, 16.0%, 95.3% 275.4, 16.0%, 95.3%
CMYK 9.5%, 0.0%, 16.0%, 4.7% 6.6%, 16.0%, 0.0%, 4.7%
OKLCH 0.9371 0.057 132.5 0.8763 0.0583 311.5

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: #E3CCF3 → Background: #DCF3CC

The quick brown fox jumps over the lazy dog

Text: #DCF3CC → Background: #E3CCF3

Color Difference (Delta E)

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

Gradient

#DCF3CC #DEEDD3 #DFE6D9 #E1E0E0 #E2D9E6 #E2D3ED #E3CCF3

Color Mixing

#DCF3CC

100%

#DFE9D6

75:25

#E1E0E0

50:50

#E2D6E9

25:75

#E3CCF3

100%

CSS Gradient Code

background: linear-gradient(to right, #DCF3CC, #E3CCF3);
background: linear-gradient(135deg, #DCF3CC, #E3CCF3);

Explore Each Color

#DCF3CC

View full color details

#E3CCF3

View full color details

Related Comparisons