#D4A017 Hex Color

A bold and energetic golden yellow

Hex color #d4a017 graphic
#d4a017 is a saturated, golden yellow that demands immediate attention. Because it is highly visible, it works best as a 10% accent for sale banners or urgent UI alerts. Black text provides excellent contrast against this tone, maintaining strong readability. Use this hex code sparingly to add energy to a design without overwhelming the viewer. It stands out when paired with neutral, dark grays or deep navies.

Questions about #d4a017

What is #d4a017 in RGB, HSL and CMYK?
In RGB, #d4a017 is rgb(212, 160, 23), in HSL hsl(43, 80%, 46%) and in CMYK 0%, 25%, 89%, 17%.
How can I use #d4a017 effectively in UI design?
Reserve #d4a017 for small, high-impact UI elements like call-to-action buttons, notification badges, or sale highlights rather than large backgrounds. Because this yellow is so intense, it works best when limited to 10% or less of your overall layout to avoid overwhelming the user.
What colors pair well with #d4a017?
This golden yellow creates a sophisticated, modern contrast when paired with charcoal or navy neutrals. These dark tones ground the brightness of #d4a017, ensuring your text remains highly readable while allowing the yellow to pop as a deliberate, energetic accent.
Is #d4a017 readable on white or black?
#d4a017 has a 2.37:1 contrast ratio on white and 8.84: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.