#7C787C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy mid-tone grey provides a stable foundation for user interfaces. With a 4.8:1 contrast ratio against black text, it ensures high readability for body copy. Use #7c787c as a supporting background tone rather than a dominant color to keep designs from feeling washed out. It pairs best with crisp whites or deep, saturated accents. The hex code for this neutral shade is #7c787c.
Questions about #7c787c
What is #7c787c in RGB, HSL and CMYK?
In RGB, #7c787c is rgb(124, 120, 124), in HSL hsl(300, 2%, 48%) and in CMYK 0%, 3%, 0%, 51%. Browse more shades of gray with names and hex codes.
Why is #7c787c effective for user interface backgrounds?
#7c787c serves as an excellent neutral background because it maintains a 4.8:1 contrast ratio against black text. This readability makes it a reliable choice for body copy or UI components where clarity is prioritized over visual dominance.
What colors pair well with #7c787c?
This ashy grey works best when paired with high-contrast elements like crisp white or deep, saturated accent colors. Using it alongside vibrant tones prevents the design from feeling washed out while anchoring your overall color palette.
Is #7c787c readable on white or black?
#7c787c has a 4.34:1 contrast ratio on white and 4.83: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.