#E0A526 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e0a526 is a saturated, golden yellow that commands attention. This warm tone functions best as an accent color for calls to action, as it can overwhelm the eye in large blocks. It pairs well with charcoal or deep navy to ground the brightness. Because black text maintains a high 9.6:1 contrast ratio, the hex code is a reliable choice for readable, high-impact UI elements.
Questions about #e0a526
What is #e0a526 in RGB, HSL and CMYK?
In RGB, #e0a526 is rgb(224, 165, 38), in HSL hsl(41, 75%, 51%) and in CMYK 0%, 26%, 83%, 12%.
How can I effectively use #e0a526 in a UI design?
#e0a526 functions best as a focused accent color rather than a primary block, as its high saturation can overwhelm the eye. Use it sparingly for call-to-action buttons or alert icons, ensuring you pair it with charcoal or deep navy text to maintain high readability.
What colors pair well with #e0a526?
Is #e0a526 readable on white or black?
#e0a526 has a 2.19:1 contrast ratio on white and 9.57: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.