#B3B300 Hex Color

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

Hex color #b3b300 graphic
This intense olive-yellow is aggressive and demands attention. Because of its high chroma, #b3b300 works best as a sharp accent rather than a background color. It pairs surprisingly well with deep charcoal or muted navy, grounding its neon quality. The hex code for this shade is #b3b300. It offers excellent contrast for black text, making it a bold choice for buttons or notification highlights.

Questions about #b3b300

What is #b3b300 in RGB, HSL and CMYK?
In RGB, #b3b300 is rgb(179, 179, 0), in HSL hsl(60, 100%, 35%) and in CMYK 0%, 0%, 100%, 30%.
How should I use #b3b300 in web design?
#b3b300 works effectively as a high-contrast accent for notification banners or call-to-action buttons. Because of its intense, aggressive nature, avoid using it for large background blocks, as it can cause significant eye strain if applied too broadly across a page.
What colors pair well with #b3b300?
This shade pairs well with charcoal or navy to ground its bright, neon quality. Dark, neutral tones provide the necessary contrast to balance the high chroma of #b3b300, preventing it from overwhelming your design layout or typography.
Is #b3b300 readable on white or black?
#b3b300 has a 2.24:1 contrast ratio on white and 9.36: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.