#B7883A Hex Color

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

Hex color #b7883a graphic
This muted, warm shade of orange sits comfortably between golden yellow and brown. With its unsaturated profile, #b7883a works best as a secondary accent rather than a dominant background color, which might appear muddy in large areas. Designers pairing this with dark navy or charcoal create excellent contrast, as black text remains readable against it. Learn what colors make gray to better understand its complex undertones.

Questions about #b7883a

What is #b7883a in RGB, HSL and CMYK?
In RGB, #b7883a is rgb(183, 136, 58), in HSL hsl(37, 52%, 47%) and in CMYK 0%, 26%, 68%, 28%. Browse more shades of orange with names and hex codes.
When should I use #b7883a in a design?
Use #b7883a as a secondary accent to ground vibrant layouts rather than a full background, which often appears muddy. It creates striking, readable contrast when paired with charcoal or navy text, perfect for vintage-inspired branding or stationery.
What makes #b7883a different from a standard yellow?
This color functions as a desaturated, earthy brown-orange hybrid that lacks the high energy of bright yellow. Its lower saturation provides a sophisticated, professional mood that complements natural materials like wood or paper, making it ideal for grounded, organic design systems.
Is #b7883a readable on white or black?
#b7883a has a 3.18:1 contrast ratio on white and 6.59: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.