#CCD9E8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

#ccd9e8 is a pale, desaturated blue with cool grey undertones. Its light appearance makes it an excellent choice for minimal UI backgrounds where standard white feels too sterile. Pair this hex code with dark charcoal or black text for optimal readability, as it maintains a strong 14.7:1 contrast ratio. It functions best as a calm, professional base for healthcare or finance dashboards.

Questions about #ccd9e8

What is #ccd9e8 in RGB, HSL and CMYK?

In RGB, #ccd9e8 is rgb(204, 217, 232), in HSL hsl(212, 38%, 85%) and in CMYK 12%, 6%, 0%, 9%.

What colors pair best with #ccd9e8?

#ccd9e8 works exceptionally well with deep, neutral tones that anchor its lightness. Pair it with dark charcoal or near-black text to maintain professional readability, or introduce soft slate accents to create a cohesive, monochromatic design system that feels grounded and clean.

Is #ccd9e8 readable on white or black?

#ccd9e8 has a 1.43:1 contrast ratio on white and 14.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#CCD9E8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #ccd9e8

Color tools

Resources