#DC4C46 · Punch
Click to copy#DC4C46 is a medium, moderately saturated red color, closest to Punch and near Vermilion and Brick. In OKLCH it has 61% lightness and 0.18 chroma at hue 26°. Red suggests energy, urgency and appetite; it draws the eye faster than any other hue, which makes #DC4C46 a natural choice for calls to action, sale banners, food and sports brands.
Color codes click to copy
HEX
#DC4C46RGB
rgb(220, 76, 70)HSL
hsl(2, 68%, 57%)CMYK
0, 65, 68, 14CSS var
--punchContrast
4.07:1 white · 5.17:1 blackSimilar named colors
How to use #DC4C46
Black text passes WCAG AA on #DC4C46 (5.17:1); white text does not (4.07:1).
For a calm scheme pair #DC4C46 with its analogous neighbors #DC478C and #DC9647; for contrast use its complement #47D7DC as a small accent, and anchor everything with a neutral such as #1F1F24.
--punch: #DC4C46;
$punch: #DC4C46;
colors: { 'punch': '#DC4C46' }