#7E7771 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy tone sits between a muted orange and a warm grey. Because it reads slightly desaturated and muddy, #7e7771 functions best as a supporting neutral rather than a primary shade. It pairs well with crisp, high-contrast colors like bright white or deep charcoal to keep layouts from feeling dull. Black text reads clearly against this hex code, making it suitable for readable body copy.
Questions about #7e7771
What is #7e7771 in RGB, HSL and CMYK?
In RGB, #7e7771 is rgb(126, 119, 113), in HSL hsl(28, 5%, 47%) and in CMYK 0%, 6%, 10%, 51%.
How does #7e7771 behave in a professional design layout?
This shade functions as a stable supporting neutral that anchors brighter elements without feeling overly stark. It performs best when balanced against high-contrast accents like charcoal or deep navy, preventing designs from looking flat while maintaining excellent readability for body text.
Should I use #7e7771 as a primary or secondary color?
Rely on this color as a secondary or background element because its desaturated, earthy nature can appear slightly muddy if applied too broadly. It provides a sophisticated, calming backdrop that allows more vibrant colors to stand out without competing for visual dominance.
Is #7e7771 readable on white or black?
#7e7771 has a 4.40:1 contrast ratio on white and 4.76: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.