#BB9531 Hex Color

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

Hex color #bb9531 graphic
This unsaturated mustard yellow feels mellow and grounded rather than bright. The hex code #bb9531 offers enough contrast to support small, black body text, making it a reliable choice for readable UI elements. Use it as a secondary accent color alongside deep charcoals or navy blues to avoid a muddy appearance. It is a solid choice for budget-focused call-to-action buttons or highlights.

Questions about #bb9531

What is #bb9531 in RGB, HSL and CMYK?
In RGB, #bb9531 is rgb(187, 149, 49), in HSL hsl(43, 58%, 46%) and in CMYK 0%, 20%, 74%, 27%. Browse more shades of brown with names and hex codes.
What colors pair best with #bb9531?
#bb9531 works best alongside deep neutrals to maintain a professional look. Pair it with navy blue or charcoal to anchor the hue and prevent it from appearing muddy in your design interfaces.
Is #bb9531 readable on white or black?
#bb9531 has a 2.81:1 contrast ratio on white and 7.45: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.