#CCD4FF

#CCD4FF

#FFF7CC

#FFF7CC

Contrast Ratio

1.35:1

Delta E

46.09

Very Different

50:50 Mix

#E8E5E6

Color Values

Format #CCD4FF #FFF7CC
HEX #CCD4FF #FFF7CC
RGB 204, 212, 255 255, 247, 204
HSL 230.6, 100.0%, 90.0% 50.6, 100.0%, 90.0%
HSV 230.6, 20.0%, 100.0% 50.6, 20.0%, 100.0%
CMYK 20.0%, 16.9%, 0.0%, 0.0% 0.0%, 3.1%, 20.0%, 0.0%
OKLCH 0.8778 0.0601 276.8 0.9717 0.0562 98.6

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF7CC → Background: #CCD4FF

The quick brown fox jumps over the lazy dog

Text: #CCD4FF → Background: #FFF7CC

Color Difference (Delta E)

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

Gradient

#CCD4FF #D6DAF7 #DFDFEE #E8E5E6 #F0EBDE #F8F1D5 #FFF7CC

Color Mixing

#CCD4FF

100%

#DBDDF3

75:25

#E8E5E6

50:50

#F4EED9

25:75

#FFF7CC

100%

CSS Gradient Code

background: linear-gradient(to right, #CCD4FF, #FFF7CC);
background: linear-gradient(135deg, #CCD4FF, #FFF7CC);

Explore Each Color

#CCD4FF

View full color details

#FFF7CC

View full color details

Related Comparisons