#7F7F7F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A perfect mid-tone neutral, #7f7f7f anchors professional UI designs and architectural palettes. It offers enough depth to feel stable without overwhelming other elements. Because it provides a 5.2:1 contrast ratio against black text, it works safely for readable body copy. Use this hex code as a supporting background, but avoid large blocks if you need high-impact visual energy.
Questions about #7f7f7f
What is #7f7f7f in RGB, HSL and CMYK?
In RGB, #7f7f7f is rgb(127, 127, 127), in HSL hsl(0, 0%, 50%) and in CMYK 0%, 0%, 0%, 50%.
What colors pair best with #7f7f7f?
#7f7f7f serves as an ideal anchor for vibrant accents, pairing beautifully with deep navy or crisp terracotta. Using this neutral allows bold colors to stand out without competing for visual dominance, creating a sophisticated and grounded aesthetic across modern design systems.
Is #7f7f7f readable on white or black?
#7f7f7f has a 4.00:1 contrast ratio on white and 5.24: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.