#B58A33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, golden-olive tone carries a warm and earthy feel, grounding designs with a sense of tradition. Because of its specific saturation, #b58a33 works best as a supporting accent rather than a dominant background. Pair it with deep charcoal or slate gray to anchor the color’s mellow energy. This hex code provides excellent contrast for black text, making it a reliable choice for readable UI elements.
Questions about #b58a33
What is #b58a33 in RGB, HSL and CMYK?
In RGB, #b58a33 is rgb(181, 138, 51), in HSL hsl(40, 56%, 45%) and in CMYK 0%, 24%, 72%, 29%. Browse more shades of brown with names and hex codes.
Does #b58a33 work better as a background or an accent color?
#b58a33 serves best as a supporting accent rather than a dominant background color. Its specific saturation level can overwhelm a screen if used too heavily, so it works most effectively to highlight buttons or call-to-action elements against neutral surfaces.
What colors pair well with #b58a33?
This golden-olive tone anchors beautifully when paired with charcoal or deep slate gray. These darker neutrals ground the warmth of #b58a33, creating a balanced and readable design that feels sophisticated and traditional rather than overly bright or distracting.
Is #b58a33 readable on white or black?
#b58a33 has a 3.15:1 contrast ratio on white and 6.64: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.