#E2ECFF

#E2ECFF

#FFF5E2

#FFF5E2

Contrast Ratio

1.1:1

Delta E

20.95

Noticeable

50:50 Mix

#F1F0F1

Color Values

Format #E2ECFF #FFF5E2
HEX #E2ECFF #FFF5E2
RGB 226, 236, 255 255, 245, 226
HSL 219.3, 100.0%, 94.3% 39.3, 100.0%, 94.3%
HSV 219.3, 11.4%, 100.0% 39.3, 11.4%, 100.0%
CMYK 11.4%, 7.5%, 0.0%, 0.0% 0.0%, 3.9%, 11.4%, 0.0%
OKLCH 0.9413 0.0279 263.4 0.9729 0.0272 83.5

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF5E2 → Background: #E2ECFF

The quick brown fox jumps over the lazy dog

Text: #E2ECFF → Background: #FFF5E2

Color Difference (Delta E)

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

Gradient

#E2ECFF #E7EDFA #ECEFF5 #F1F0F1 #F6F2EC #FBF3E7 #FFF5E2

Color Mixing

#E2ECFF

100%

#EAEEF8

75:25

#F1F0F1

50:50

#F8F3E9

25:75

#FFF5E2

100%

CSS Gradient Code

background: linear-gradient(to right, #E2ECFF, #FFF5E2);
background: linear-gradient(135deg, #E2ECFF, #FFF5E2);

Explore Each Color

#E2ECFF

View full color details

#FFF5E2

View full color details

Related Comparisons