#BA9A0D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated golden yellow reads as warm and energetic, making it an excellent choice for call-to-action buttons or sale banners. Because of its high visibility, use #ba9a0d as an accent color rather than a primary background. It pairs exceptionally well with charcoal grays and deep navies. Since it maintains strong contrast, black text remains legible on top of this hex code for clear, accessible messaging.
Questions about #ba9a0d
What is #ba9a0d in RGB, HSL and CMYK?
In RGB, #ba9a0d is rgb(186, 154, 13), in HSL hsl(49, 87%, 39%) and in CMYK 0%, 17%, 93%, 27%.
What colors complement #ba9a0d in a design scheme?
Can I use white text on top of #ba9a0d?
Using white text on #ba9a0d is generally not recommended as it fails standard accessibility contrast ratios. For clear, legible messaging that satisfies accessibility requirements, stick to high-contrast black or dark charcoal text when overlaying copy on this shade.
Is #ba9a0d readable on white or black?
#ba9a0d has a 2.72:1 contrast ratio on white and 7.71: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.