Beet Red

#7e203f

Smoky crimson red with plum undertone for contrast

Save
Share

About Beet Red

Beet Red is what happens when you stop trying to command the room. It's darker and more restrained than or , less heat, less urgency, more texture. This is a red that sits back. Against dark backgrounds it almost disappears until you look directly at it, then it reveals itself as something with real depth underneath, not a surface-level alarm.

Use this in product interfaces, editorial layouts, and luxury apps where you need red to feel considered instead of reactive. Status badges, accent elements, destructive actions that don't need to scream. It works particularly well when you're layering it near charcoal or deep grays, the contrast finally lets the color breathe without it feeling aggressive. This is the one you reach for when the message matters more than the urgency.

The key difference: where nearly vanishes and stays deliberately warm, Beet Red finds the middle ground. It's saturated enough to read as intentional, dark enough to feel grounded, but it doesn't pull toward purple or pretend to be something cooler than it is. Pair it near warm grays and it'll stay confident without creating that hostile edge.

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
9.70:1AAA

On Gray 100 #f5f5f5

Aa
8.89:1AAA

On Gray 900 #18181b

Aa
1.83:1Fail

On Black #000000

Aa
2.17:1Fail

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

Create a gradient with Beet Red

Open the generator with this color pre-loaded.

Start creating