#E2C421 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e2c421 is a high-saturation yellow that commands attention with its intense, glowing warmth. Because it reads so loud, use this shade as a strategic 10% accent color rather than a dominant background. It pairs exceptionally well with charcoal gray or deep navy for high-contrast branding. The hex code #e2c421 offers strong readability for small text, making it a reliable choice for call-to-action buttons.
Questions about #e2c421
What is #e2c421 in RGB, HSL and CMYK?
In RGB, #e2c421 is rgb(226, 196, 33), in HSL hsl(51, 77%, 51%) and in CMYK 0%, 13%, 85%, 11%.
How should I use #e2c421 in a UI design?
#e2c421 functions best as a high-visibility accent color rather than a primary background shade. It excels as a call-to-action button color, providing enough contrast to stand out effectively against charcoal or deep neutral backgrounds.
What colors pair well with #e2c421?
Because #e2c421 is so intense, it balances perfectly against grounding dark neutrals like charcoal or navy. These darker tones absorb the brightness, allowing the yellow to pop without causing visual fatigue or overwhelming the rest of your palette.
Is #e2c421 readable on white or black?
#e2c421 has a 1.72:1 contrast ratio on white and 12.15: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.