#B7B577 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, olive-leaning yellow feels mellow and vintage. Because it lacks high chroma, #b7b577 works best as a supporting tone in a palette rather than a dominant background. Pair it with deep charcoal or slate gray to make the yellow pop without looking muddy. The hex code is #b7b577, and it provides enough contrast for black text to remain legible.
Questions about #b7b577
What is #b7b577 in RGB, HSL and CMYK?
In RGB, #b7b577 is rgb(183, 181, 119), in HSL hsl(58, 31%, 59%) and in CMYK 0%, 1%, 35%, 28%. Browse more shades of yellow with names and hex codes.
What colors pair well with #b7b577 in a design?
Deep neutrals like charcoal or slate gray provide the best contrast for #b7b577, preventing the yellow from appearing muddy or washed out. You can also pair it with earthy terracottas to lean into a grounded, vintage aesthetic.
Is #b7b577 suitable for web text?
No, #b7b577 is generally too light and unsaturated to be used for body text on a standard white background, as it fails most accessibility contrast ratios. It is much better suited for backgrounds, borders, or large graphic elements.
Is #b7b577 readable on white or black?
#b7b577 has a 2.12:1 contrast ratio on white and 9.88: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.