#E7A801 Hex Color

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

Hex color #e7a801 graphic
This saturated gold-yellow, defined by the hex code #e7a801, commands attention with its intense warmth. It works best as a sharp accent or CTA button to guide users through an interface, rather than a full background. Because black text maintains a high 10.0:1 contrast ratio, this color remains highly readable for UI elements. Use it sparingly to inject spontaneity into branding or alert messaging.

Questions about #e7a801

What is #e7a801 in RGB, HSL and CMYK?
In RGB, #e7a801 is rgb(231, 168, 1), in HSL hsl(44, 99%, 45%) and in CMYK 0%, 27%, 100%, 9%.
Why is #e7a801 effective for call-to-action buttons?
The intense, saturated nature of #e7a801 commands immediate user attention and provides a strong, high-contrast focal point against neutral backgrounds. It performs exceptionally well when paired with black text for readability, ensuring accessibility standards remain intact while creating a distinct visual hierarchy.
What color schemes work well with #e7a801?
This vibrant shade pairs naturally with navy or charcoal to anchor its intensity, preventing the yellow from becoming overwhelming. You can also create a high-energy palette by combining it with deep purple or teal, which provides a complementary balance that makes the gold pop.
Is #e7a801 readable on white or black?
#e7a801 has a 2.10:1 contrast ratio on white and 9.99: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.