#E53E20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity orange-red commands immediate attention through its sheer saturation. #e53e20 works best as an accent color rather than a primary background, where its heat can become overwhelming. It pairs unexpectedly well with deep teals or muted grays, which balance its natural aggression. Because it maintains strong contrast, use black text for clear readability. The hex code for this bold shade is #e53e20.
Questions about #e53e20
What is #e53e20 in RGB, HSL and CMYK?
In RGB, #e53e20 is rgb(229, 62, 32), in HSL hsl(9, 79%, 51%) and in CMYK 0%, 73%, 86%, 10%.
Does #e53e20 work as a primary background color?
This shade acts as a high-intensity accent and can overwhelm the eyes when used across large background areas. Use it sparingly to highlight buttons or calls to action while relying on neutral charcoal or light grays for your primary, readable surfaces.
What colors pair well with #e53e20?
The natural intensity of #e53e20 balances effectively against cooling, desaturated tones that soften its aggressive heat. Try pairing this color with deep teal or subtle slate grays to create a sophisticated, high-contrast palette that maintains clear readability for text.
Is #e53e20 readable on white or black?
#e53e20 has a 4.16:1 contrast ratio on white and 5.04: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.