#97877E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted tone sits between a soft orange and a desaturated grey. It feels weathered and understated, making it an ideal base color for autumn-inspired palettes or calm UI backgrounds. Because it has enough contrast to support small black text, it stays legible in body copy. The hex code for this shade is #97877e, which pairs best with charcoal or cream to avoid appearing muddy.
Questions about #97877e
What is #97877e in RGB, HSL and CMYK?
In RGB, #97877e is rgb(151, 135, 126), in HSL hsl(22, 11%, 54%) and in CMYK 0%, 11%, 17%, 41%.
What color combinations work best with #97877e?
#97877e pairs best with charcoal to create a clean, grounded contrast, or with creamy off-whites to maintain a soft, organic feel. Avoid pairing it with overly vibrant, saturated tones that will make this muted shade appear muddy or dull.
Is #97877e suitable for text usage?
#97877e offers enough natural contrast to support small black text, making it a reliable choice for body copy in web design. It stays legible while providing a much softer alternative to standard grey backgrounds.
Is #97877e readable on white or black?
#97877e has a 3.45:1 contrast ratio on white and 6.08: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.