#DCECF3

#DCECF3

#F3E3DC

#F3E3DC

Contrast Ratio

1.03:1

Delta E

13.44

Noticeable

50:50 Mix

#E8E8E7

Color Values

Format #DCECF3 #F3E3DC
HEX #DCECF3 #F3E3DC
RGB 220, 236, 243 243, 227, 220
HSL 198.3, 48.9%, 90.8% 18.3, 48.9%, 90.8%
HSV 198.3, 9.5%, 95.3% 18.3, 9.5%, 95.3%
CMYK 9.5%, 2.9%, 0.0%, 4.7% 0.0%, 6.6%, 9.5%, 4.7%
OKLCH 0.9332 0.0195 225.7 0.9267 0.02 45.3

Contrast & Accessibility

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3E3DC → Background: #DCECF3

The quick brown fox jumps over the lazy dog

Text: #DCECF3 → Background: #F3E3DC

Color Difference (Delta E)

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

Gradient

#DCECF3 #E0EBEF #E4E9EB #E8E8E7 #ECE6E4 #EFE5E0 #F3E3DC

Color Mixing

#DCECF3

100%

#E2EAED

75:25

#E8E8E7

50:50

#EEE5E2

25:75

#F3E3DC

100%

CSS Gradient Code

background: linear-gradient(to right, #DCECF3, #F3E3DC);
background: linear-gradient(135deg, #DCECF3, #F3E3DC);

Explore Each Color

#DCECF3

View full color details

#F3E3DC

View full color details

Related Comparisons