#ECFEE2

#ECFEE2

#F4E2FE

#F4E2FE

Contrast Ratio

1.16:1

Delta E

32.05

Very Different

50:50 Mix

#F1F0F0

Color Values

Format #ECFEE2 #F4E2FE
HEX #ECFEE2 #F4E2FE
RGB 236, 254, 226 244, 226, 254
HSL 98.6, 93.3%, 94.1% 278.6, 93.3%, 94.1%
HSV 98.6, 11.0%, 99.6% 278.6, 11.0%, 99.6%
CMYK 7.1%, 0.0%, 11.0%, 0.4% 3.9%, 11.0%, 0.0%, 0.4%
OKLCH 0.9764 0.0413 134.2 0.9355 0.0419 313.7

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4E2FE → Background: #ECFEE2

The quick brown fox jumps over the lazy dog

Text: #ECFEE2 → Background: #F4E2FE

Color Difference (Delta E)

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

Gradient

#ECFEE2 #EEF9E7 #EFF5EB #F1F0F0 #F2EBF5 #F3E7F9 #F4E2FE

Color Mixing

#ECFEE2

100%

#EEF7E9

75:25

#F1F0F0

50:50

#F2E9F7

25:75

#F4E2FE

100%

CSS Gradient Code

background: linear-gradient(to right, #ECFEE2, #F4E2FE);
background: linear-gradient(135deg, #ECFEE2, #F4E2FE);

Explore Each Color

#ECFEE2

View full color details

#F4E2FE

View full color details

Related Comparisons