#7F8685 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone grey sits on the cooler side of the spectrum, appearing ashy and restrained. As a neutral, #7f8685 offers excellent stability for UI design, specifically as a subtle background that allows black typography to stand out clearly. Because it has enough contrast to meet accessibility standards, it functions well for body text or large interface elements without overwhelming the layout.
Questions about #7f8685
What is #7f8685 in RGB, HSL and CMYK?
In RGB, #7f8685 is rgb(127, 134, 133), in HSL hsl(171, 3%, 51%) and in CMYK 5%, 0%, 1%, 47%.
How should I use #7f8685 in interface design?
#7f8685 works best as a primary neutral background for web interfaces because its mid-tone value provides enough contrast for black text while remaining soft on the eyes. Use it for subtle card backgrounds or muted sidebars to ground your layout.
Does #7f8685 lean warm or cool?
This color sits on the cooler side of the spectrum, offering an ashy, desaturated quality rather than a warm, brownish tone. Because it lacks significant warmth, it reads as a clean, professional neutral that stays unobtrusive in complex designs.
Is #7f8685 readable on white or black?
#7f8685 has a 3.71:1 contrast ratio on white and 5.65: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.