#E0C13A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated yellow #e0c13a carries a warm, golden energy ideal for grabbing attention. Designers often use this shade for sale buttons or high-contrast UI elements. It creates a bold accent when paired with deep charcoals. The hex code #e0c13a provides excellent readability with black text, ensuring full accessibility for body copy. Avoid using this hue as a full background to prevent eye strain.
Questions about #e0c13a
What is #e0c13a in RGB, HSL and CMYK?
In RGB, #e0c13a is rgb(224, 193, 58), in HSL hsl(49, 73%, 55%) and in CMYK 0%, 14%, 74%, 12%.
What colors pair well with #e0c13a?
#e0c13a looks best when balanced by deep, neutral tones that ground its high energy. Pairing this yellow with charcoal or deep navy creates a sharp, professional contrast that ensures your text remains fully readable against the bright background.
Should #e0c13a be used for large background areas?
Avoid using #e0c13a as a full-page background, as its high saturation can quickly cause eye strain for users. Instead, reserve this vibrant shade for small, purposeful elements like buttons, notification badges, or decorative icons that require immediate visual attention.
Is #e0c13a readable on white or black?
#e0c13a has a 1.77:1 contrast ratio on white and 11.85: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.