#D1A700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, golden yellow commands attention through its high saturation and warmth. Because #d1a700 has such high contrast, black text remains perfectly legible against it, making this shade an effective choice for bold UI accents like calls to action. Use it sparingly as a 10% accent color, as it can overwhelm a design when applied in larger areas. Its hex code is #d1a700.
Questions about #d1a700
What is #d1a700 in RGB, HSL and CMYK?
In RGB, #d1a700 is rgb(209, 167, 0), in HSL hsl(48, 100%, 41%) and in CMYK 0%, 20%, 100%, 18%.
How should I use #d1a700 in my interface design?
Use #d1a700 sparingly as a 10% accent color for primary call-to-action buttons or important notifications. Its high saturation commands immediate attention, but applying it across large backgrounds often overwhelms the user and competes with surrounding content.
What colors pair well with the golden yellow #d1a700?
Is #d1a700 readable on white or black?
#d1a700 has a 2.27:1 contrast ratio on white and 9.23: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.