#B4A554 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated yellow carries a mellow, organic warmth. It functions best as a supporting tone rather than a dominant base, as its heavy undertones can appear muddy if overused. Pair #b4a554 with charcoal or slate blue for a balanced aesthetic. Because black text offers an excellent 8.5:1 contrast ratio, this hex code remains a readable choice for small, dark typography.
Questions about #b4a554
What is #b4a554 in RGB, HSL and CMYK?
In RGB, #b4a554 is rgb(180, 165, 84), in HSL hsl(51, 39%, 52%) and in CMYK 0%, 8%, 53%, 29%. Browse more shades of brown with names and hex codes.
What colors pair well with #b4a554?
Use #b4a554 alongside neutral tones like charcoal or slate blue to ground its organic warmth. These dark contrasts prevent the yellow from appearing muddy while maintaining high readability for small, dense text.
Is #b4a554 readable on white or black?
#b4a554 has a 2.48:1 contrast ratio on white and 8.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.