#B58517 Hex Color

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

Hex color #b58517 graphic
This mellow, unsaturated olive-yellow carries an organic, grounded feel. Because it sits on the muted side, #b58517 functions best as a supporting accent rather than a primary background. It pairs well with deep charcoal or slate blue. The hex code provides 6.3:1 contrast against black text, making it a reliable choice for readable UI elements and small buttons.

Questions about #b58517

What is #b58517 in RGB, HSL and CMYK?
In RGB, #b58517 is rgb(181, 133, 23), in HSL hsl(42, 77%, 40%) and in CMYK 0%, 27%, 87%, 29%. Browse more shades of brown with names and hex codes.
What colors pair well with #b58517 in a design scheme?
Pair #b58517 with charcoal or deep slate to ground its organic tone. These darker, cool-toned neutrals balance the warmth of the olive-yellow, creating a sophisticated palette that works well for modern interfaces and clean, editorial layouts.
Is #b58517 readable on white or black?
#b58517 has a 3.31:1 contrast ratio on white and 6.33: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.