#D1A214 Hex Color

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

Hex color #d1a214 graphic
This saturated, warm gold commands immediate attention. The hex code for this color is #d1a214. Because it is highly energetic, it works best as a 10% accent color for calls to action or sale banners rather than a large background. It pairs surprisingly well with deep charcoal grays to ensure high contrast, keeping text readable and professional for users.

Questions about #d1a214

What is #d1a214 in RGB, HSL and CMYK?
In RGB, #d1a214 is rgb(209, 162, 20), in HSL hsl(45, 83%, 45%) and in CMYK 0%, 22%, 90%, 18%.
How can I effectively use #d1a214 in a UI design?
#d1a214 is best used as a high-visibility accent color rather than a primary background shade. It pairs exceptionally well with charcoal or deep navy text, creating the necessary contrast to maintain readability while keeping your interface energetic.
Is #d1a214 readable on white or black?
#d1a214 has a 2.36:1 contrast ratio on white and 8.88: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.