#B89372 Hex Color

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

Hex color #b89372 graphic
This dusty, muted orange feels mellow and grounded. Because it is highly unsaturated, #b89372 avoids the intensity of typical orange tones. It works best as a supporting accent in autumn palettes or food branding. Since black text maintains a strong 7.5:1 contrast ratio against it, you can use this hex code safely for readable body text without losing clarity.

Questions about #b89372

What is #b89372 in RGB, HSL and CMYK?
In RGB, #b89372 is rgb(184, 147, 114), in HSL hsl(28, 33%, 58%) and in CMYK 0%, 20%, 38%, 28%.
How should I use #b89372 in a UI design?
#b89372 functions best as a supporting accent rather than a primary button color because of its muted saturation. It maintains excellent readability when paired with charcoal or dark brown text, providing a natural, earthy feel for wellness or food-focused websites.
What colors pair well with #b89372?
Because #b89372 is a desaturated orange, it creates harmonious palettes when combined with deep greens like olive or cool neutrals such as slate. These combinations balance the warmth of the orange with contrasting cool tones to prevent the design from feeling too monochromatic.
Is #b89372 readable on white or black?
#b89372 has a 2.81:1 contrast ratio on white and 7.45:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.