#D1B518 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, golden-yellow hue brings immediate energy to a design. Because #d1b518 is highly saturated and warm, it works best as a punchy accent rather than a full page background. Use it sparingly to highlight call-to-action buttons or sale alerts, where it commands attention against dark text. The hex code for this color is #d1b518, and it pairs surprisingly well with deep charcoal grays.
Questions about #d1b518
What is #d1b518 in RGB, HSL and CMYK?
In RGB, #d1b518 is rgb(209, 181, 24), in HSL hsl(51, 79%, 46%) and in CMYK 0%, 13%, 89%, 18%.
What colors pair best with #d1b518 in a design?
This golden-yellow pairs beautifully with deep charcoal or dark gray tones to create a high-contrast, professional look. It also functions well against deep navy or rich espresso browns, which help ground its high-energy, saturated intensity.
Should #d1b518 be used as a primary background color?
Avoid using #d1b518 as a full-page background, as its high saturation can quickly overwhelm the viewer and make text difficult to read. Instead, reserve this bold hue for small, strategic UI elements like icons, buttons, or hover states.
Is #d1b518 readable on white or black?
#d1b518 has a 2.03:1 contrast ratio on white and 10.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.