#C4DDF5

#C4DDF5

#F5DCC4

#F5DCC4

Contrast Ratio

1.06:1

Delta E

30.61

Very Different

50:50 Mix

#DFDCDD

Color Values

Format #C4DDF5 #F5DCC4
HEX #C4DDF5 #F5DCC4
RGB 196, 221, 245 245, 220, 196
HSL 209.4, 71.0%, 86.5% 29.4, 71.0%, 86.5%
HSV 209.4, 20.0%, 96.1% 29.4, 20.0%, 96.1%
CMYK 20.0%, 9.8%, 0.0%, 3.9% 0.0%, 10.2%, 20.0%, 3.9%
OKLCH 0.8867 0.0426 247.2 0.9088 0.0423 66.1

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5DCC4 → Background: #C4DDF5

The quick brown fox jumps over the lazy dog

Text: #C4DDF5 → Background: #F5DCC4

Color Difference (Delta E)

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

Gradient

#C4DDF5 #CEDDED #D6DDE5 #DFDCDD #E7DCD4 #EEDCCC #F5DCC4

Color Mixing

#C4DDF5

100%

#D2DDE9

75:25

#DFDCDD

50:50

#EADCD0

25:75

#F5DCC4

100%

CSS Gradient Code

background: linear-gradient(to right, #C4DDF5, #F5DCC4);
background: linear-gradient(135deg, #C4DDF5, #F5DCC4);

Explore Each Color

#C4DDF5

View full color details

#F5DCC4

View full color details

Related Comparisons