#5A0A14
#9B1B30
#D64550
#F9DADD
#D64550 · Punch
Click to copy#D64550 is a medium, moderately saturated red color, closest to Punch and near Punch and Brick. In OKLCH it has 60% lightness and 0.18 chroma at hue 20°. Red suggests energy, urgency and appetite; it draws the eye faster than any other hue, which makes #D64550 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
#D64550RGB
rgb(214, 69, 80)HSL
hsl(355, 64%, 55%)CMYK
0, 68, 63, 16CSS var
--punchContrast
4.35:1 white · 4.83:1 blackSimilar named colors
How to use #D64550
Black text passes WCAG AA on #D64550 (4.83:1); white text does not (4.35:1).
For a calm scheme pair #D64550 with its analogous neighbors #D64398 and #D68043; for contrast use its complement #43D6C9 as a small accent, and anchor everything with a neutral such as #1F1F24.
--punch: #D64550;
$punch: #D64550;
colors: { 'punch': '#D64550' }