#9D8974 Hex Color

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

Hex color #9d8974 graphic
This muted, dusty tone lands somewhere between tan and ashy orange. Because it is highly unsaturated, #9d8974 functions best as a supporting background rather than a hero color. It pairs surprisingly well with charcoal grays and deep teals, which prevents it from looking muddy. You can safely use black text over this shade for good readability in UI layouts.

Questions about #9d8974

What is #9d8974 in RGB, HSL and CMYK?
In RGB, #9d8974 is rgb(157, 137, 116), in HSL hsl(31, 17%, 54%) and in CMYK 0%, 13%, 26%, 38%. Browse more shades of gray with names and hex codes.
What colors pair best with #9d8974 in a professional design?
This muted tan works exceptionally well when balanced against high-contrast, cool-toned neutrals like deep charcoal or slate. Using these darker hues as text or accent colors prevents the overall design from feeling muddy and maintains professional readability.
Is #9d8974 suitable for text-heavy interfaces?
While #9d8974 is excellent for backgrounds or large UI components, it is not recommended for small, body-length text. Always overlay dark, high-contrast typography such as black or dark gray to ensure the content remains accessible and easy for users to read.
Is #9d8974 readable on white or black?
#9d8974 has a 3.35:1 contrast ratio on white and 6.26: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.