#E4EBFF

#E4EBFF

#FFF8E4

#FFF8E4

Contrast Ratio

1.12:1

Delta E

21.5

Noticeable

50:50 Mix

#F2F1F2

Color Values

Format #E4EBFF #FFF8E4
HEX #E4EBFF #FFF8E4
RGB 228, 235, 255 255, 248, 228
HSL 224.4, 100.0%, 94.7% 44.4, 100.0%, 94.7%
HSV 224.4, 10.6%, 100.0% 44.4, 10.6%, 100.0%
CMYK 10.6%, 7.8%, 0.0%, 0.0% 0.0%, 2.7%, 10.6%, 0.0%
OKLCH 0.9408 0.0281 270.4 0.9793 0.0273 90.9

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: #FFF8E4 → Background: #E4EBFF

The quick brown fox jumps over the lazy dog

Text: #E4EBFF → Background: #FFF8E4

Color Difference (Delta E)

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

Gradient

#E4EBFF #E9EDFB #EEEFF6 #F2F1F2 #F7F4ED #FBF6E9 #FFF8E4

Color Mixing

#E4EBFF

100%

#EBEEF8

75:25

#F2F1F2

50:50

#F9F5EB

25:75

#FFF8E4

100%

CSS Gradient Code

background: linear-gradient(to right, #E4EBFF, #FFF8E4);
background: linear-gradient(135deg, #E4EBFF, #FFF8E4);

Explore Each Color

#E4EBFF

View full color details

#FFF8E4

View full color details

Related Comparisons