#D1A825 Hex Color

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

Hex color #d1a825 graphic
This saturated, golden yellow projects high energy and spontaneity. Because it pushes into neon territory, #d1a825 is best used as a sharp accent rather than a full background. It pairs well with deep charcoal or navy blue to ground its intensity. The hex code for this bold color is #d1a825, and it maintains excellent readability with black text for accessible UI designs.

Questions about #d1a825

What is #d1a825 in RGB, HSL and CMYK?
In RGB, #d1a825 is rgb(209, 168, 37), in HSL hsl(46, 70%, 48%) and in CMYK 0%, 20%, 82%, 18%. Browse more shades of yellow with names and hex codes.
How can I effectively use #d1a825 in a UI design?
Because #d1a825 is highly saturated and pushes into neon territory, it is best reserved for interactive elements like buttons, alerts, or small icons. It provides excellent readability against dark backgrounds, particularly when paired with high-contrast elements like charcoal or deep navy text.
Does #d1a825 function as a good background color?
Using #d1a825 as a full-page background is generally discouraged due to its intense vibrance, which can cause significant eye strain. Instead, consider using it as a punchy, energetic accent color to highlight specific call-to-action areas while keeping large backgrounds neutral.
Is #d1a825 readable on white or black?
#d1a825 has a 2.24:1 contrast ratio on white and 9.33: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.