#9C8364 Hex Color

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

Hex color #9c8364 graphic
This dusty, muted orange leans toward a brownish, earthy tone with heavy desaturation. Its warmth makes it a reliable neutral for rustic UI elements or autumnal branding. Because it creates a 5.8:1 contrast ratio with black text, it serves well as a subtle background. The hex code for this matte shade is #9c8364. Use it sparingly, as its ashy quality can appear muddy in large, solid blocks.

Questions about #9c8364

What is #9c8364 in RGB, HSL and CMYK?
In RGB, #9c8364 is rgb(156, 131, 100), in HSL hsl(33, 22%, 50%) and in CMYK 0%, 16%, 36%, 39%. Browse more shades of brown with names and hex codes.
When should I use #9c8364 in website design?
Use #9c8364 as a subtle background or border color to ground UI elements without overwhelming the user. Because it is highly desaturated, it pairs exceptionally well with charcoal or deep navy text to ensure the contrast remains sharp and accessible.
Does #9c8364 lean warm or cool?
This shade leans decidedly warm because of its underlying orange pigment, though the heavy desaturation gives it a matte, stone-like quality. It feels more organic and grounded than a vibrant orange, making it ideal for brands seeking a natural or heritage aesthetic.
Is #9c8364 readable on white or black?
#9c8364 has a 3.59:1 contrast ratio on white and 5.84: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.