#7C797C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, mid-tone grey reads as a sturdy, neutral anchor for professional design. Because it sits at a 4.9:1 contrast ratio, it works reliably for readable black typography against light backgrounds. Use hex code #7c797c as a supporting secondary color rather than a dominant base, as its dusty character can flatten large, empty UI spaces. It pairs effectively with muted teals or soft ochre accents.
Questions about #7c797c
What is #7c797c in RGB, HSL and CMYK?
In RGB, #7c797c is rgb(124, 121, 124), in HSL hsl(300, 1%, 48%) and in CMYK 0%, 2%, 0%, 51%. Browse more shades of gray with names and hex codes.
How should I use #7c797c in a UI design?
#7c797c is best suited as a secondary color rather than a dominant base because its dusty, muted character can easily flatten large UI spaces. Use it as a solid foundation for supporting graphics or typography that requires a softer touch than harsh black.
What colors pair well with #7c797c?
This ashy grey pairs effectively with muted teals or soft ochre accents to balance its coolness. You can also create a sophisticated, monochromatic look by layering it alongside charcoal for text while keeping the background light and airy.
Is #7c797c readable on white or black?
#7c797c has a 4.30:1 contrast ratio on white and 4.88: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.