#B7981D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated yellow carries a distinctly warm, earthy quality that avoids the jarring brightness of primary hues. Because of its grounded, industrial character, #b7981d works best as an accent color for calls to action or sale banners rather than a full page background. It pairs exceptionally well with charcoal grays and deep navies, which provide enough contrast to keep the composition legible.
Questions about #b7981d
What is #b7981d in RGB, HSL and CMYK?
In RGB, #b7981d is rgb(183, 152, 29), in HSL hsl(48, 73%, 42%) and in CMYK 0%, 17%, 84%, 28%.
What colors pair well with #b7981d?
Where should I use #b7981d in UI design?
Use #b7981d primarily for small UI elements like buttons, calls to action, or link highlights rather than full-page backgrounds. Its heavy, industrial weight can easily overwhelm a layout if used across large surfaces, making it difficult for users to focus on primary content.
Is #b7981d readable on white or black?
#b7981d has a 2.79:1 contrast ratio on white and 7.52: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.