#B5A33E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, warm yellow carries a muted, earthy quality that prevents it from feeling neon or jarring. The hex code #b5a33e offers enough contrast for readable black text, making it a functional choice for UI backgrounds. Because it sits on the edge of mustard, designers often use it as an accent rather than a primary fill. Understanding how to make gray helps when balancing this saturated tone with neutrals.
Questions about #b5a33e
What is #b5a33e in RGB, HSL and CMYK?
In RGB, #b5a33e is rgb(181, 163, 62), in HSL hsl(51, 49%, 48%) and in CMYK 0%, 10%, 66%, 29%.
Does #b5a33e work well for UI text elements?
#b5a33e is generally too light to be used as primary body text, but it performs well for UI accents, buttons, or background panels. When using it for text, ensure you overlay it onto a very dark charcoal or deep brown to maintain accessibility.
Which color harmonies complement #b5a33e?
This earthy yellow pairs beautifully with deep, cool tones that balance its inherent warmth. For a professional, high-contrast look, consider balancing #b5a33e with navy or a rich, dark forest green, which helps ground the color's natural intensity.
Is #b5a33e readable on white or black?
#b5a33e has a 2.53:1 contrast ratio on white and 8.27: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.