#EF4500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated shade packs a punch as a high-visibility accent. Because it is so loud and demanding, #ef4500 works best as a call-to-action button or a small highlight rather than a background. Pair it with dark charcoal or off-white to balance the energy. The hex code #ef4500 provides enough contrast for readable black text, making it a functional choice for alerts and UI signals.
Questions about #ef4500
What is #ef4500 in RGB, HSL and CMYK?
In RGB, #ef4500 is rgb(239, 69, 0), in HSL hsl(17, 100%, 47%) and in CMYK 0%, 71%, 100%, 6%.
How can I balance the intensity of #ef4500 in my designs?
Because #ef4500 is extremely saturated and loud, pair it with neutral, grounded tones like charcoal or deep slate to keep it from overwhelming your layout. Use it sparingly for interactive elements rather than large blocks to maintain visual harmony.
Is #ef4500 readable on white or black?
#ef4500 has a 3.80:1 contrast ratio on white and 5.52:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.