#DCEAF4

#DCEAF4

#F4E6DC

#F4E6DC

Contrast Ratio

1.0:1

Delta E

14.24

Noticeable

50:50 Mix

#E9E8E8

Color Values

Format #DCEAF4 #F4E6DC
HEX #DCEAF4 #F4E6DC
RGB 220, 234, 244 244, 230, 220
HSL 205.0, 52.2%, 91.0% 25.0, 52.2%, 91.0%
HSV 205.0, 9.8%, 95.7% 25.0, 9.8%, 95.7%
CMYK 9.8%, 4.1%, 0.0%, 4.3% 0.0%, 5.7%, 9.8%, 4.3%
OKLCH 0.9295 0.0202 238.7 0.9333 0.0204 58.1

Contrast & Accessibility

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4E6DC → Background: #DCEAF4

The quick brown fox jumps over the lazy dog

Text: #DCEAF4 → Background: #F4E6DC

Color Difference (Delta E)

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

Gradient

#DCEAF4 #E0E9F0 #E5E9EC #E9E8E8 #ECE7E4 #F0E7E0 #F4E6DC

Color Mixing

#DCEAF4

100%

#E2E9EE

75:25

#E9E8E8

50:50

#EEE7E2

25:75

#F4E6DC

100%

CSS Gradient Code

background: linear-gradient(to right, #DCEAF4, #F4E6DC);
background: linear-gradient(135deg, #DCEAF4, #F4E6DC);

Explore Each Color

#DCEAF4

View full color details

#F4E6DC

View full color details

Related Comparisons