#B9896C Hex Color

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

Hex color #b9896c graphic
This ashy, unsaturated orange carries a dusty, mellow warmth. The hex code for this shade is #b9896c. It functions best as a supporting tone in design, offering a grounded, natural feel rather than a punchy saturation. Since black text offers high contrast against this hue, it works effectively for legible text overlays. Pair it with deep charcoal to avoid it looking muddy.

Questions about #b9896c

What is #b9896c in RGB, HSL and CMYK?
In RGB, #b9896c is rgb(185, 137, 108), in HSL hsl(23, 35%, 57%) and in CMYK 0%, 26%, 42%, 27%.
What colors pair well with #b9896c?
Because #b9896c has a dusty, unsaturated quality, it works best when anchored by deep, neutral tones like charcoal or espresso to prevent it from looking washed out. You can also create a harmonious, organic palette by incorporating softer olive or sage greens.
Does #b9896c work for UI text?
While #b9896c is beautiful for backgrounds or accent shapes, it is generally too light for small, body-level text on white backgrounds. It remains most effective when used for large, bold headers or as a decorative background color behind high-contrast dark text.
Is #b9896c readable on white or black?
#b9896c has a 3.06:1 contrast ratio on white and 6.85: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.