#EC4320 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange-red demands immediate attention, making it perfect for call-to-action buttons or accent elements where high visibility matters. Because #ec4320 is so aggressive, it can easily overwhelm a layout if used as a primary background. It pairs surprisingly well with dark slate grays, which ground its inherent energy. Black text remains legible here, meeting accessibility standards for small body type.
Questions about #ec4320
What is #ec4320 in RGB, HSL and CMYK?
In RGB, #ec4320 is rgb(236, 67, 32), in HSL hsl(10, 84%, 53%) and in CMYK 0%, 72%, 86%, 7%.
Does #ec4320 work well for body text?
Using #ec4320 for small body text is generally discouraged as it can strain the eyes and lacks the necessary contrast against light backgrounds for comfortable reading. It is most effective as a high-visibility accent color or a button background.
What colors pair well with #ec4320?
This aggressive orange-red pairs exceptionally well with dark neutrals like charcoal or deep slate, which ground the color and provide the necessary contrast for readability. Avoid placing it near similar warm tones, as they may clash and create visual noise.
Is #ec4320 readable on white or black?
#ec4320 has a 3.89:1 contrast ratio on white and 5.39: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.