#E47053 Hex Color
A bold, energetic reddish-orange hue
This bold reddish-orange commands attention through high saturation and warmth. Because it reads clearly against black text with a 6.7:1 contrast ratio, the hex code #e47053 works well for buttons or urgent calls to action. Avoid using it as a full background, as the intensity often overwhelms a layout. Try pairing it with muted slate or charcoal to effectively ground the energy.
Questions about #e47053
What is #e47053 in RGB, HSL and CMYK?
In RGB, #e47053 is rgb(228, 112, 83), in HSL hsl(12, 73%, 61%) and in CMYK 0%, 51%, 64%, 11%.
How should I use #e47053 in a website layout?
#e47053 works best as a targeted accent color for UI elements like buttons or notification badges. Because of its high intensity, avoid using it for large backgrounds, which can strain eyes and overwhelm the overall visual balance.
What colors pair well with #e47053?
To ground the energetic warmth of #e47053, pair it with neutral, muted tones such as charcoal or slate gray. These darker, desaturated colors provide the necessary contrast to let the reddish-orange pop without clashing with the rest of the design.
Is #e47053 readable on white or black?
#e47053 has a 3.11:1 contrast ratio on white and 6.74: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.