#D6ECF5

#D6ECF5

#F5DFD6

#F5DFD6

Contrast Ratio

1.05:1

Delta E

18.18

Noticeable

50:50 Mix

#E7E6E5

Color Values

Format #D6ECF5 #F5DFD6
HEX #D6ECF5 #F5DFD6
RGB 214, 236, 245 245, 223, 214
HSL 197.4, 60.8%, 90.0% 17.4, 60.8%, 90.0%
HSV 197.4, 12.7%, 96.1% 17.4, 12.7%, 96.1%
CMYK 12.7%, 3.7%, 0.0%, 3.9% 0.0%, 9.0%, 12.7%, 3.9%
OKLCH 0.9296 0.0263 224.2 0.9191 0.0272 43.6

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5DFD6 → Background: #D6ECF5

The quick brown fox jumps over the lazy dog

Text: #D6ECF5 → Background: #F5DFD6

Color Difference (Delta E)

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

Gradient

#D6ECF5 #DCEAF0 #E1E8EB #E7E6E5 #ECE3E0 #F0E1DB #F5DFD6

Color Mixing

#D6ECF5

100%

#DFE9ED

75:25

#E7E6E5

50:50

#EEE2DE

25:75

#F5DFD6

100%

CSS Gradient Code

background: linear-gradient(to right, #D6ECF5, #F5DFD6);
background: linear-gradient(135deg, #D6ECF5, #F5DFD6);

Explore Each Color

#D6ECF5

View full color details

#F5DFD6

View full color details

Related Comparisons