#7C7C7C Hex Color

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

Hex color #7c7c7c graphic
#7c7c7c is a mid-tone grey that balances neutrality with stability. Because of its medium lightness, it works best as a supporting tone or structural element rather than a dominant background. It pairs cleanly with high-contrast black text, meeting accessibility standards for small body copy. Use this hex code to anchor designs where you need professionalism without the starkness of pure black or white.

Questions about #7c7c7c

What is #7c7c7c in RGB, HSL and CMYK?
In RGB, #7c7c7c is rgb(124, 124, 124), in HSL hsl(0, 0%, 49%) and in CMYK 0%, 0%, 0%, 51%.
Is #7c7c7c appropriate for body text?
Yes, #7c7c7c is an excellent choice for body text or secondary UI elements because it offers high contrast against white backgrounds while appearing softer than pure black. It keeps your designs readable and legible without feeling visually heavy or jarring to the reader.
What colors pair well with #7c7c7c?
Because #7c7c7c is a neutral mid-tone, it pairs effortlessly with bold accent colors like navy or burgundy to create a sense of balance. It acts as a bridge between darker shades and lighter tones, grounding vibrant colors without competing for attention.
Is #7c7c7c readable on white or black?
#7c7c7c has a 4.17:1 contrast ratio on white and 5.03:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.