#B38F00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated yellow carries a strong earthy character. Because it leans toward brownish-gold, #b38f00 works best as an accent color rather than a primary background to avoid muddying your interface. It pairs surprisingly well with deep charcoal or slate grays. Since black text provides excellent 6.8:1 contrast, this hex code remains a readable choice for small, punchy UI elements like buttons or notification badges.
Questions about #b38f00
What is #b38f00 in RGB, HSL and CMYK?
In RGB, #b38f00 is rgb(179, 143, 0), in HSL hsl(48, 100%, 35%) and in CMYK 0%, 20%, 100%, 30%.
Where should I use #b38f00 in a UI design?
#b38f00 functions best as a purposeful accent color rather than a primary background to avoid muddying your interface. Its high contrast against black text makes it ideal for notification badges, call-to-action buttons, or subtle highlight elements.
What colors pair well with #b38f00?
Is #b38f00 readable on white or black?
#b38f00 has a 3.06:1 contrast ratio on white and 6.84:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.