#C9DCF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very pale, desaturated blue works best as a neutral background for clean user interfaces. It lacks the intensity of primary blues, allowing it to provide structure without demanding attention. Pair #c9dcf2 with charcoal grays or deep navies to ground its airy quality. Because it offers strong contrast for black text, the hex code is a practical choice for readable body copy in professional dashboard designs.
Questions about #c9dcf2
What is #c9dcf2 in RGB, HSL and CMYK?
In RGB, #c9dcf2 is rgb(201, 220, 242), in HSL hsl(212, 61%, 87%) and in CMYK 17%, 9%, 0%, 5%. Browse more shades of gray with names and hex codes.
What colors pair best with #c9dcf2?
Because #c9dcf2 is a desaturated, airy blue, it works best when anchored by dark, high-contrast neutrals. Pairing it with charcoal or deep navy provides the necessary visual weight to ground the design while maintaining readability for text elements.
Is #c9dcf2 readable on white or black?
#c9dcf2 has a 1.39:1 contrast ratio on white and 15.00: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.