#7E7F7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone grey sits between light and dark, making it an ideal choice for neutral UI backgrounds or subtle typography. Because it provides a 5.2:1 contrast ratio with black, you can safely use it for small body text. The hex code for this ashy, dusty grey is #7e7f7e. Pair it with saturated accent colors, as it can otherwise feel flat or muddy on its own.
Questions about #7e7f7e
What is #7e7f7e in RGB, HSL and CMYK?
In RGB, #7e7f7e is rgb(126, 127, 126), in HSL hsl(120, 0%, 50%) and in CMYK 1%, 0%, 1%, 50%. Browse more shades of gray with names and hex codes.
Why is #7e7f7e effective for UI text?
It offers a strong 5.2:1 contrast ratio against black, making it accessible for small body text while feeling softer and less harsh than pure black. This balance significantly improves readability for long-form content on screen interfaces.
What colors complement #7e7f7e best?
Because this grey sits in the middle, it shines when paired with saturated accent colors. Try pairing it with navy for a professional look or terracotta to introduce warmth without overwhelming the neutral base.
Is #7e7f7e readable on white or black?
#7e7f7e has a 4.01:1 contrast ratio on white and 5.22: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.