Knockout
#c42b2d
Hot red-orange signal with tighter, warmer punch
About Knockout
On my monitor, Knockout hits like a crisp stop sign photographed through a thin orange filter. It's red-orange, but it stays tighter and punchier than Cherry Sangria's deeper wine weight, and it doesn't go as lip-smeared as Hot Lips. Compared to Cadillac Coupe, it's less cold and industrial, more warm-forward and direct.
This is the shade I use when the UI needs a decisive, high-attention accent without drifting into the darker, saturated gloom of Cherry Sangria. It's great for checkout and campaign CTAs in e-commerce, restaurant promos, and food delivery flows where you want urgency that still reads human. In editorial motion and hospitality screens, it pulls focus cleanly on dark cards, because it's warmer than pure white and doesn't lose contrast when the background gets busy.
Quick note: pair it with creams, warm grays, or deep charcoal. If you stack it next to Cadillack Coupe, Knockout will feel friendlier and more immediate, so keep the hierarchy intentional.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.