#B0B300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b0b300 is a saturated yellow with a strong green undertone, giving it a warm olive cast rather than a pure, sunny feel. Its medium-light value and high chroma bring energy and urgency to sale graphics, construction accents, and calls to action. Use this hex code as a focused accent, since large areas can feel loud beside white. Black text reaches about 9.3:1 contrast.
Questions about #b0b300
What is #b0b300 in RGB, HSL and CMYK?
In RGB, #b0b300 is rgb(176, 179, 0), in HSL hsl(61, 100%, 35%) and in CMYK 2%, 0%, 100%, 30%.
What colors pair well with #b0b300?
Navy and charcoal give #b0b300 a controlled, modern contrast, while burgundy adds a warmer editorial note without competing with its strong yellow-green saturation across both digital interfaces and promotional layouts. Keep #b0b300 as the small accent in a 60/30/10 palette.
Where does #b0b300 work best in a design?
Use #b0b300 for small accents, status markers, sale badges, and calls to action, where its high saturation attracts attention without overwhelming the layout as a full-page background across most screens. A neutral interface background gives the color room to carry attention.
Is #b0b300 readable on white or black?
#b0b300 has a 2.25:1 contrast ratio on white and 9.29: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.