#C5D8FF

#C5D8FF

#FFECC5

#FFECC5

Contrast Ratio

1.23:1

Delta E

43.12

Very Different

50:50 Mix

#E5E2E2

Color Values

Format #C5D8FF #FFECC5
HEX #C5D8FF #FFECC5
RGB 197, 216, 255 255, 236, 197
HSL 220.3, 100.0%, 88.6% 40.3, 100.0%, 88.6%
HSV 220.3, 22.7%, 100.0% 40.3, 22.7%, 100.0%
CMYK 22.7%, 15.3%, 0.0%, 0.0% 0.0%, 7.5%, 22.7%, 0.0%
OKLCH 0.8807 0.0579 264.7 0.9486 0.0547 85.1

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFECC5 → Background: #C5D8FF

The quick brown fox jumps over the lazy dog

Text: #C5D8FF → Background: #FFECC5

Color Difference (Delta E)

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

Gradient

#C5D8FF #D0DBF6 #DBDEEC #E5E2E2 #EEE5D9 #F7E9CF #FFECC5

Color Mixing

#C5D8FF

100%

#D6DDF1

75:25

#E5E2E2

50:50

#F3E7D4

25:75

#FFECC5

100%

CSS Gradient Code

background: linear-gradient(to right, #C5D8FF, #FFECC5);
background: linear-gradient(135deg, #C5D8FF, #FFECC5);

Explore Each Color

#C5D8FF

View full color details

#FFECC5

View full color details

Related Comparisons