#EACA57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#eaca57 is a glowing, warm yellow that commands attention. Because it is highly saturated, it works best as a small accent for call-to-action buttons rather than a full background. If you want a deeper hue, you might try mixing orange into your palette. This hex code supports high contrast with black text, making it a reliable choice for readable UI elements.
Questions about #eaca57
What is #eaca57 in RGB, HSL and CMYK?
In RGB, #eaca57 is rgb(234, 202, 87), in HSL hsl(47, 78%, 63%) and in CMYK 0%, 14%, 63%, 8%.
How can I use #eaca57 effectively in UI design?
Use #eaca57 primarily as a small, high-impact accent color rather than a large background. Its high saturation works perfectly for call-to-action buttons or status indicators, especially when paired with high-contrast black text for readability.
What colors pair well with #eaca57?
Pair #eaca57 with deep neutrals to ground its energy. It creates a striking, modern contrast when placed against dark charcoal or deep navy blues, which helps balance the intense warmth without overwhelming the user interface.
Is #eaca57 readable on white or black?
#eaca57 has a 1.60:1 contrast ratio on white and 13.08: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.