#BFB530 Hex Color

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

Hex color #bfb530 graphic
This earthy, olive-gold yellow carries an intense, organic feel. It works best as a sharp 10% accent rather than a full page background. Pair it with deep charcoal or navy to balance its warmth. The hex code #bfb530 provides strong readability against black text, ensuring that UI elements remain accessible. Use this shade for sale banners or high-visibility alerts where you need to grab attention.

Questions about #bfb530

What is #bfb530 in RGB, HSL and CMYK?
In RGB, #bfb530 is rgb(191, 181, 48), in HSL hsl(56, 60%, 47%) and in CMYK 0%, 5%, 75%, 25%.
What colors pair well with #bfb530?
This olive-gold tone balances beautifully against deep charcoal or dark navy backgrounds. Because of its intense, organic warmth, using it sparingly as a 10% accent color ensures it adds character without overwhelming the rest of your design layout.
How should #bfb530 be used in user interfaces?
Use #bfb530 primarily for high-visibility UI elements, such as sale banners, alert notifications, or call-to-action buttons. Its natural brightness provides strong contrast against dark text, ensuring that critical information remains accessible and easy to read for your users.
Is #bfb530 readable on white or black?
#bfb530 has a 2.12:1 contrast ratio on white and 9.86: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.