#E6B814 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated gold demands attention immediately. Because it is intense, use #e6b814 as a functional accent for buttons or highlights rather than a dominant background. It pairs well with deep charcoal, offering high contrast and excellent legibility. Avoid using it for large blocks of text, as the brightness can overwhelm the eye. The hex code for this energetic tone is #e6b814.
Questions about #e6b814
What is #e6b814 in RGB, HSL and CMYK?
In RGB, #e6b814 is rgb(230, 184, 20), in HSL hsl(47, 84%, 49%) and in CMYK 0%, 20%, 91%, 10%.
How should I use #e6b814 in my UI designs?
Use #e6b814 primarily as a functional accent color rather than for large backgrounds. Because this intense gold can overwhelm the eye, it is most effective for drawing attention to critical interface elements like primary buttons, icons, or notification badges.
What colors pair well with #e6b814?
Pair #e6b814 with deep charcoal or near-black tones to ensure high legibility and contrast. This combination keeps the energy of the gold grounded while maintaining a professional balance suitable for modern web applications and branding projects.
Is #e6b814 readable on white or black?
#e6b814 has a 1.86:1 contrast ratio on white and 11.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.