#ECAE1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ecae1f is a warm, high-saturation yellow that commands attention. Because it is so bright and energetic, it works best as a 10% accent color rather than a large background. Pair this hex code with deep charcoal or slate greys for a high-contrast look that keeps text legible. Its sunny, aggressive nature makes it ideal for call-to-action buttons where you need immediate user focus.
Questions about #ecae1f
What is #ecae1f in RGB, HSL and CMYK?
In RGB, #ecae1f is rgb(236, 174, 31), in HSL hsl(42, 84%, 52%) and in CMYK 0%, 26%, 87%, 7%.
What colors pair best with #ecae1f?
High-contrast pairings work best for #ecae1f, specifically deep charcoal or dark navy blue text. Using these dark, neutral tones ensures your content remains readable while allowing the intense yellow to pop as a focused accent element.
How should I use #ecae1f in UI design?
Reserve #ecae1f for small, critical interface elements like buttons or notification badges. Because it is highly saturated, using it for backgrounds or large areas often overwhelms the user and makes text difficult to read, so stick to 10% coverage.
Is #ecae1f readable on white or black?
#ecae1f has a 1.97:1 contrast ratio on white and 10.64: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.