#E0A300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense golden yellow carries a high-energy, sun-drenched feel. Because it is highly saturated, #e0a300 functions best as a bright accent color rather than a primary background shade. It pairs unexpectedly well with deep charcoal or slate gray, which grounds its warmth. Black text provides excellent readability against this hue, making it a reliable choice for high-contrast, attention-grabbing calls to action or UI alerts.
Questions about #e0a300
What is #e0a300 in RGB, HSL and CMYK?
In RGB, #e0a300 is rgb(224, 163, 0), in HSL hsl(44, 100%, 44%) and in CMYK 0%, 27%, 100%, 12%.
What colors pair best with #e0a300?
Deep neutrals like charcoal or slate gray provide the best contrast for #e0a300, grounding its high-energy warmth. You can also use this yellow as a sharp, attention-grabbing accent against darker, muted backgrounds to create a focal point in your UI design.
Is #e0a300 readable on white or black?
#e0a300 has a 2.23:1 contrast ratio on white and 9.40: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.