#7C6A61 Hex Color

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

Hex color #7c6a61 graphic
This ashy, muted tone sits between a dusty orange and a flat, dark grey. With its low saturation, hex code #7c6a61 acts as a stable, matte foundation for vintage or organic branding. It provides enough contrast for white text to remain readable at a 5.1:1 ratio. Avoid using this shade for small interface elements, as it can appear muddy without strong, lighter accents nearby.

Questions about #7c6a61

What is #7c6a61 in RGB, HSL and CMYK?
In RGB, #7c6a61 is rgb(124, 106, 97), in HSL hsl(20, 12%, 43%) and in CMYK 0%, 15%, 22%, 51%.
How do I use #7c6a61 effectively in a user interface?
Because #7c6a61 can appear muddy in small-scale applications, you should restrict it to large background surfaces or primary block elements. Always pair it with high-contrast, clean white text to ensure readability, as the color relies on lighter accents to feel purposeful rather than dull.
What color schemes work best with #7c6a61?
This hue pairs beautifully with warm, neutral tones to enhance its organic feel, such as cream or sand. For a more sophisticated contrast, try incorporating deep navy or charcoal, which prevent the palette from feeling too flat while maintaining a grounded, professional aesthetic.
Is #7c6a61 readable on white or black?
#7c6a61 has a 5.13:1 contrast ratio on white and 4.09: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.