#D3E8F1

#D3E8F1

#F1DCD3

#F1DCD3

Contrast Ratio

1.04:1

Delta E

17.61

Noticeable

50:50 Mix

#E3E2E2

Color Values

Format #D3E8F1 #F1DCD3
HEX #D3E8F1 #F1DCD3
RGB 211, 232, 241 241, 220, 211
HSL 198.0, 51.7%, 88.6% 18.0, 51.7%, 88.6%
HSV 198.0, 12.4%, 94.5% 18.0, 12.4%, 94.5%
CMYK 12.4%, 3.7%, 0.0%, 5.5% 0.0%, 8.7%, 12.4%, 5.5%
OKLCH 0.9182 0.0255 225.3 0.9091 0.0263 44.7

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1DCD3 → Background: #D3E8F1

The quick brown fox jumps over the lazy dog

Text: #D3E8F1 → Background: #F1DCD3

Color Difference (Delta E)

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

Gradient

#D3E8F1 #D9E6EC #DEE4E7 #E3E2E2 #E8E0DD #EDDED8 #F1DCD3

Color Mixing

#D3E8F1

100%

#DBE5E9

75:25

#E3E2E2

50:50

#EADFDA

25:75

#F1DCD3

100%

CSS Gradient Code

background: linear-gradient(to right, #D3E8F1, #F1DCD3);
background: linear-gradient(135deg, #D3E8F1, #F1DCD3);

Explore Each Color

#D3E8F1

View full color details

#F1DCD3

View full color details

Related Comparisons