#BBB32A Hex Color

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

Hex color #bbb32a graphic
This warm, olive-leaning yellow carries a high-energy, spontaneous mood. Because #bbb32a is quite saturated, it functions best as a high-impact accent color rather than a dominant background. Pair it with dark charcoal or deep navy for a balanced, modern look. The hex code #bbb32a offers excellent contrast with black text, making it a functional choice for buttons, alerts, or attention-grabbing UI elements.

Questions about #bbb32a

What is #bbb32a in RGB, HSL and CMYK?
In RGB, #bbb32a is rgb(187, 179, 42), in HSL hsl(57, 63%, 45%) and in CMYK 0%, 4%, 78%, 27%.
How should I effectively use #bbb32a in UI design?
#bbb32a is best reserved for functional UI elements like call-to-action buttons or alert notifications where you need to draw immediate attention. Because it is highly saturated, avoid using it for large backgrounds, which can overwhelm the user interface.
Which colors pair best with #bbb32a for a balanced look?
This vibrant shade works exceptionally well when balanced against deep, neutral tones like charcoal or dark navy. These darker colors ground the high energy of #bbb32a, creating a modern contrast that keeps your design readable and professional.
Is #bbb32a readable on white or black?
#bbb32a has a 2.18:1 contrast ratio on white and 9.59: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.