#C4C7C6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy grey offers a neutral, airy backdrop for minimal design and clean interfaces. Because of its high contrast against black text, it works well for body copy backgrounds without looking washed out. Use the hex code #c4c7c6 as a soft, professional foundation in product design where white feels too stark. It anchors layouts without demanding visual attention.
Questions about #c4c7c6
What is #c4c7c6 in RGB, HSL and CMYK?
In RGB, #c4c7c6 is rgb(196, 199, 198), in HSL hsl(160, 3%, 77%) and in CMYK 2%, 0%, 1%, 22%.
Does #c4c7c6 read more warm or cool?
#c4c7c6 leans slightly cool due to its ashy undertones, making it feel crisp and clinical rather than earthy. This subtle coolness helps it recede into the background, providing a clean canvas for brighter accent colors without competing for visual attention.
What colors pair well with #c4c7c6 for UI design?
Is #c4c7c6 readable on white or black?
#c4c7c6 has a 1.70:1 contrast ratio on white and 12.33: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.