#7E6F68 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7e6f68 graphic
#7e6f68 is a dusty, ashy shade that straddles the line between muted orange and gray. This desaturated tone functions best as a supporting neutral rather than a dominant color, preventing it from appearing muddy in larger applications. Pair it with crisp white or dark charcoals to create clean contrast, as the hex code #7e6f68 easily loses impact when placed against other mid-tones.

Questions about #7e6f68

What is #7e6f68 in RGB, HSL and CMYK?
In RGB, #7e6f68 is rgb(126, 111, 104), in HSL hsl(19, 10%, 45%) and in CMYK 0%, 12%, 17%, 51%.
How should #7e6f68 be used in UI design?
#7e6f68 works effectively as a background or secondary neutral because its dusty, muted character provides visual weight without overwhelming the eye. Pair it with high-contrast text like charcoal or soft whites to ensure readability and maintain a clean, sophisticated aesthetic in your layouts.
Is #7e6f68 considered a warm or cool tone?
#7e6f68 sits in a unique middle ground, leaning warm due to its muted orange base but reading as a cool, ashy neutral because of its high level of desaturation. This subtle duality makes it a versatile choice for modern, minimal design palettes that require a grounded feel.
Is #7e6f68 readable on white or black?
#7e6f68 has a 4.81:1 contrast ratio on white and 4.36:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.