#BFB415 Hex Color

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

Hex color #bfb415 graphic
This chartreuse-leaning yellow is an intense, high-energy tone that demands attention. Because #bfb415 is so saturated, it works best as a small accent rather than a background color. Pair it with deep charcoals to create strong contrast, as black text reads clearly against it with a 9.8:1 ratio. The hex code for this glowing yellow is #bfb415.

Questions about #bfb415

What is #bfb415 in RGB, HSL and CMYK?
In RGB, #bfb415 is rgb(191, 180, 21), in HSL hsl(56, 80%, 42%) and in CMYK 0%, 6%, 89%, 25%.
What colors pair best with the intense #bfb415 yellow?
Use deep, neutral tones like charcoal or matte black to ground the high saturation of #bfb415. These dark, muted colors provide the necessary contrast to make the yellow pop without overwhelming the eye or vibrating against the background.
Should I use #bfb415 as a primary brand background?
Avoid using #bfb415 as a full-page background color because its high intensity often causes eye fatigue and makes text difficult to read. Instead, treat it as a deliberate accent or highlight for buttons and critical interface elements.
Is #bfb415 readable on white or black?
#bfb415 has a 2.15:1 contrast ratio on white and 9.75: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.