#B4B457 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b4b457 is a muted, desaturated yellow with a distinct olive undertone. Its earthiness gives it a grounded feel that pairs effectively with dark charcoal or forest green for high-contrast palettes. Because it is highly readable against black text, this hex code works well for UI buttons or alert banners that require soft but clear legibility. Avoid using it as a large-scale background, as its muddiness can overwhelm designs.
Questions about #b4b457
What is #b4b457 in RGB, HSL and CMYK?
In RGB, #b4b457 is rgb(180, 180, 87), in HSL hsl(60, 38%, 52%) and in CMYK 0%, 0%, 52%, 29%.
Does #b4b457 work well for large-scale website backgrounds?
Using #b4b457 as a large background is generally discouraged because its muddiness can overwhelm user interfaces and reduce overall design clarity. It functions much more effectively as a high-contrast accent color for buttons or specific call-to-action elements.
What colors pair best with the muted tone of #b4b457?
Because of its earthy, desaturated nature, #b4b457 pairs beautifully with dark charcoal or deep forest green to create a sophisticated, high-contrast palette. These darker tones ground the yellow and prevent it from appearing too washed out.
Is #b4b457 readable on white or black?
#b4b457 has a 2.18:1 contrast ratio on white and 9.60: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.