#B5A52E Hex Color

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

Hex color #b5a52e graphic
This mellow, mustard yellow holds a dusty, olive-green undertone that prevents it from feeling too bright. Because it is highly readable against black text with an 8.4:1 contrast ratio, it works well for promotional UI elements like sale buttons or badges. Use #b5a52e sparingly as a 10% accent rather than a background to keep your layout feeling intentional. The hex code for this warm shade is #b5a52e.

Questions about #b5a52e

What is #b5a52e in RGB, HSL and CMYK?
In RGB, #b5a52e is rgb(181, 165, 46), in HSL hsl(53, 59%, 45%) and in CMYK 0%, 9%, 75%, 29%.
Where is the best way to use #b5a52e in a design?
Use #b5a52e sparingly as a 10% accent to draw attention to call-to-action buttons or badges without overwhelming the layout. Because it is highly readable against black text, it functions effectively for text labels over buttons or highlighted data points in promotional graphics.
Which colors pair well with #b5a52e?
This muted mustard works beautifully with charcoal for high-contrast, professional text overlays or with soft cream backgrounds for a vintage aesthetic. Because of its olive undertone, it also complements desaturated teals or deep navy blues without clashing or feeling too intense.
Is #b5a52e readable on white or black?
#b5a52e has a 2.50:1 contrast ratio on white and 8.38: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.