Knockout

#c42b2d

Hot red-orange signal with tighter, warmer punch

Save
Share

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 's deeper wine weight, and it doesn't go as lip-smeared as . Compared to , 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 . 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
5.63:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.16:1AAAAA Large

On Gray 900 #18181b

Aa
3.15:1FailAA Large

On Black #000000

Aa
3.73:1FailAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#c62d2c
#c9312b
#c92d21
#bc3033
#c92b1e
#bf2735

Create a gradient with Knockout

Open the generator with this color pre-loaded.

Start creating