#A62B1F
#D9553B
#F2B880
#FFF4E6
#D9553B · Punch
Click to copy#D9553B is a medium, moderately saturated red color, closest to Punch and near Punch and Vermilion. In OKLCH it has 62% lightness and 0.17 chroma at hue 33°. Red suggests energy, urgency and appetite; it draws the eye faster than any other hue, which makes #D9553B 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
#D9553BRGB
rgb(217, 85, 59)HSL
hsl(10, 68%, 54%)CMYK
0, 61, 73, 15CSS var
--punchContrast
3.95:1 white · 5.31:1 blackSimilar named colors
How to use #D9553B
Black text passes WCAG AA on #D9553B (5.31:1); white text does not (3.95:1).
For a calm scheme pair #D9553B with its analogous neighbors #D93A6F and #D9A43A; for contrast use its complement #3ABFD9 as a small accent, and anchor everything with a neutral such as #1F1F24.
--punch: #D9553B;
$punch: #D9553B;
colors: { 'punch': '#D9553B' }