#E0AE42 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, golden yellow sits at a medium saturation, offering a glowing, energetic presence. Because it is highly legible against black text, the hex code #e0ae42 works effectively for buttons or call-to-action elements where readability matters. Use this shade as a small, deliberate accent rather than a full background to prevent it from overwhelming your design layout. It pairs surprisingly well with deep, moody charcoals.
Questions about #e0ae42
What is #e0ae42 in RGB, HSL and CMYK?
In RGB, #e0ae42 is rgb(224, 174, 66), in HSL hsl(41, 72%, 57%) and in CMYK 0%, 22%, 71%, 12%.
How should I use #e0ae42 in a web design layout?
Use #e0ae42 as a deliberate, high-impact accent color rather than a primary background to avoid overwhelming your viewer. It functions best for interactive elements like buttons, where its high visibility against charcoal or dark gray text ensures excellent accessibility and engagement.
Does #e0ae42 have a warm or cool undertone?
This shade is distinctly warm, carrying a strong golden character that mimics sunlight and energy. Because of this, it naturally clashes with icy or cool blues but creates a sophisticated, grounded aesthetic when balanced against deep, moody neutrals.
Is #e0ae42 readable on white or black?
#e0ae42 has a 2.03:1 contrast ratio on white and 10.30: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.