#C6C6C9 Hex Color

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

Hex color #c6c6c9 graphic
A pale, airy grey, #c6c6c9 functions as a neutral foundation for minimalist interfaces and clean typography. It provides enough contrast to support black text, making it a reliable choice for accessible UI backgrounds. Because it is highly desaturated, pair it with sharp, high-contrast accents to prevent the design from appearing washed out. The hex code for this light shade is #c6c6c9.

Questions about #c6c6c9

What is #c6c6c9 in RGB, HSL and CMYK?
In RGB, #c6c6c9 is rgb(198, 198, 201), in HSL hsl(240, 3%, 78%) and in CMYK 1%, 1%, 0%, 21%.
How should I use #c6c6c9 in interface design?
#c6c6c9 works best as a background or container color where you need to support high-contrast text without visual strain. Because it is highly desaturated, it effectively grounds more vibrant accent colors without competing for attention in your layout.
Which colors pair well with the grey tone #c6c6c9?
This light grey pairs beautifully with sharp, deep tones like charcoal for text or navy for primary UI elements. Use high-contrast accents to ensure your design elements remain distinct against the desaturated background, preventing a washed-out final result.
Is #c6c6c9 readable on white or black?
#c6c6c9 has a 1.70:1 contrast ratio on white and 12.32: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.