#EDC431 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #edc431 graphic
This bright, saturated yellow commands immediate attention, making it an ideal choice for high-visibility accents or call-to-action buttons. While it can overwhelm larger backgrounds, #edc431 pops against dark charcoal or deep navy for a modern, energetic contrast. Because black text maintains excellent readability against this hue, it works effectively for signage and simple UI elements where clarity is required.

Questions about #edc431

What is #edc431 in RGB, HSL and CMYK?
In RGB, #edc431 is rgb(237, 196, 49), in HSL hsl(47, 84%, 56%) and in CMYK 0%, 17%, 79%, 7%.
What colors pair best with #edc431 for a modern design?
Because #edc431 is such an intense, high-energy yellow, it grounds beautifully against deep neutrals like charcoal or navy. These dark, cool tones provide the necessary contrast to let the yellow pop without creating visual fatigue for the reader.
Is #edc431 suitable for text in website interfaces?
Using #edc431 as a primary text color is generally discouraged due to poor legibility against white or light backgrounds. It is much more effective as a background for black text on buttons, call-to-action elements, or warning signage where clarity is critical.
Is #edc431 readable on white or black?
#edc431 has a 1.67:1 contrast ratio on white and 12.54: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.