#D6A500 Hex Color

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

Hex color #d6a500 graphic
#d6a500 is a bold, high-intensity yellow with a rich, golden undertone. It carries significant visual weight, making it an excellent choice for accents, call-to-action buttons, or high-contrast highlights. While it provides enough contrast for black text, its saturation can overwhelm large backgrounds. Pair it with deep charcoal or muted navy for a sophisticated, balanced palette. The hex code for this saturated yellow is #d6a500.

Questions about #d6a500

What is #d6a500 in RGB, HSL and CMYK?
In RGB, #d6a500 is rgb(214, 165, 0), in HSL hsl(46, 100%, 42%) and in CMYK 0%, 23%, 100%, 16%.
How should I use #d6a500 in my website design?
Use #d6a500 sparingly as an accent for call-to-action buttons or highlights where you need immediate visual weight. Because it is highly saturated, it tends to overpower backgrounds and works much better as a focal point against neutral, dark interfaces.
Which colors pair well with #d6a500?
This yellow creates a balanced, professional look when paired with deep, dark neutrals like charcoal or navy. These dark colors act as a grounding force, preventing the high intensity of the gold from becoming visually fatiguing to the viewer.
Is #d6a500 readable on white or black?
#d6a500 has a 2.27:1 contrast ratio on white and 9.24: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.