#2D4059
#EA5455
#F07B3F
#FFD460
#EA5455 · Punch
Click to copy#EA5455 is a medium, highly saturated red color, closest to Punch and near Punch and Vermilion. In OKLCH it has 65% lightness and 0.19 chroma at hue 24°. Red suggests energy, urgency and appetite; it draws the eye faster than any other hue, which makes #EA5455 a natural choice for calls to action, sale banners, food and sports brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#EA5455RGB
rgb(234, 84, 85)HSL
hsl(360, 78%, 62%)CMYK
0, 64, 64, 8CSS var
--punchContrast
3.56:1 white · 5.9:1 blackSimilar named colors
How to use #EA5455
Black text passes WCAG AA on #EA5455 (5.9:1); white text does not (3.56:1).
For a calm scheme pair #EA5455 with its analogous neighbors #EA539E and #EA9E53; for contrast use its complement #53EAEA as a small accent, and anchor everything with a neutral such as #1F1F24.
--punch: #EA5455;
$punch: #EA5455;
colors: { 'punch': '#EA5455' }