#C9DDFF Hex Color

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

Select a Color

This very light, desaturated blue offers a clean, airy feel that works perfectly for expansive UI backgrounds. Because it provides such high contrast with black text, it is an excellent choice for readable, accessible interfaces. The hex code for this pastel blue is #c9ddff. Pair it with soft charcoal grays rather than pure white to avoid a washed-out look on screen.

Questions about #c9ddff

What is #c9ddff in RGB, HSL and CMYK?

In RGB, #c9ddff is rgb(201, 221, 255), in HSL hsl(218, 100%, 89%) and in CMYK 21%, 13%, 0%, 0%.

What colors pair best with #c9ddff for UI design?

#c9ddff works beautifully when grounded by deep charcoal or slate grays for text, ensuring high legibility without the harshness of pure black. To create a cohesive palette, introduce soft accents like sage or muted lavender to maintain the airy, professional aesthetic.

Is #c9ddff readable on white or black?

#c9ddff has a 1.37:1 contrast ratio on white and 15.27: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.

#C9DDFF Hex Color

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

Questions about #c9ddff

Color tools

Resources