#E0A500 Hex Color

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

Hex color #e0a500 graphic
This golden yellow, #e0a500, is a highly saturated tone that demands immediate attention. It works best as a bold 10% accent rather than a dominant background color, as it can easily overwhelm a layout. Pair it with deep charcoal or navy for a sophisticated, high contrast look. The hex code for this energetic color is #e0a500, which supports excellent readability when paired with black text.

Questions about #e0a500

What is #e0a500 in RGB, HSL and CMYK?
In RGB, #e0a500 is rgb(224, 165, 0), in HSL hsl(44, 100%, 44%) and in CMYK 0%, 26%, 100%, 12%.
How should I use #e0a500 in a professional layout?
Apply #e0a500 as a purposeful accent rather than a primary background color to avoid visual fatigue. It shines best when highlighting buttons, icons, or specific call-to-action elements alongside neutral tones like charcoal or deep navy for maximum impact.
Is #e0a500 readable on white or black?
#e0a500 has a 2.19:1 contrast ratio on white and 9.55: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.