#D1F4FF

#D1F4FF

#FFDCD1

#FFDCD1

Contrast Ratio

1.1:1

Delta E

27.4

Very Different

50:50 Mix

#EAE8E8

Color Values

Format #D1F4FF #FFDCD1
HEX #D1F4FF #FFDCD1
RGB 209, 244, 255 255, 220, 209
HSL 194.3, 100.0%, 91.0% 14.3, 100.0%, 91.0%
HSV 194.3, 18.0%, 100.0% 14.3, 18.0%, 100.0%
CMYK 18.0%, 4.3%, 0.0%, 0.0% 0.0%, 13.7%, 18.0%, 0.0%
OKLCH 0.9455 0.0392 218.7 0.9207 0.0419 38.2

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFDCD1 → Background: #D1F4FF

The quick brown fox jumps over the lazy dog

Text: #D1F4FF → Background: #FFDCD1

Color Difference (Delta E)

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

Gradient

#D1F4FF #DAF0F7 #E3ECF0 #EAE8E8 #F2E4E0 #F9E0D9 #FFDCD1

Color Mixing

#D1F4FF

100%

#DEEEF3

75:25

#EAE8E8

50:50

#F5E2DC

25:75

#FFDCD1

100%

CSS Gradient Code

background: linear-gradient(to right, #D1F4FF, #FFDCD1);
background: linear-gradient(135deg, #D1F4FF, #FFDCD1);

Explore Each Color

#D1F4FF

View full color details

#FFDCD1

View full color details

Related Comparisons