#D1B814 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d1b814 graphic
This golden mustard tone carries a high-energy, synthetic warmth. Because it is so saturated, #d1b814 works best as a punchy accent or a button color rather than a large background. It pairs well with charcoal or dark navy for high-contrast, readable typography. Accessibility tests show that standard black text reads clearly over this hex code, making it a functional choice for signage or call-to-action buttons.

Questions about #d1b814

What is #d1b814 in RGB, HSL and CMYK?
In RGB, #d1b814 is rgb(209, 184, 20), in HSL hsl(52, 83%, 45%) and in CMYK 0%, 12%, 90%, 18%.
What colors pair best with #d1b814?
Because of its intense saturation, #d1b814 creates a sophisticated, modern look when paired with deep, neutral tones like charcoal or dark navy. These dark backgrounds ground the synthetic warmth of the yellow, making text and interface elements stand out with high readability.
Is #d1b814 suitable for UI button design?
Yes, #d1b814 functions exceptionally well as a call-to-action button color due to its inherent high-energy appeal. It provides a sharp, noticeable contrast against most white or dark grey backgrounds, ensuring users can clearly identify primary interactive elements.
Is #d1b814 readable on white or black?
#d1b814 has a 1.98:1 contrast ratio on white and 10.57: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.