#ED7014 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #ed7014 when a call-to-action button needs to shout. This saturated orange carries real heat without tipping into neon, and it works best as a small accent rather than a full background, where it can tire the eye. It flatters deep teal and charcoal, and black text on it hits about 6.9:1 contrast, clearing AA for body text.
Questions about #ed7014
What is #ed7014 in RGB, HSL and CMYK?
In RGB, #ed7014 is rgb(237, 112, 20), in HSL hsl(25, 86%, 50%) and in CMYK 0%, 53%, 92%, 7%.
What colors pair well with #ed7014?
Deep teal and navy make #ed7014 read even hotter, while charcoal grounds it for UI work. Keep it as the 10 percent accent so it stays bold without overwhelming the palette.
Is #ed7014 readable on white or black?
#ed7014 has a 3.03:1 contrast ratio on white and 6.92: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.