Shades of Red

Shades of red include crimson, maroon, scarlet, tomato, fire brick, coral, and burgundy. The base red color's hex value in HTML is #FF0000. Browse named reds below, copy HEX codes, or generate a full palette in Shade Color.

All Shades of Red

55 named colors · one-click copy · WCAG contrast vs white/black

Shade Color

Browse named red colors, copy a precise HEX in one click, and check WCAG contrast on white or black. Display Format only changes how values are shown — it does not build a theme scale. Turn on Preview UI to see each color as text and a button.

Red

#FF0000 Palette

W 4.0:1 Fail B 5.3:1 AA

Dark Red

#8B0000 Palette

W 10.0:1 AAA B 2.1:1 Fail

Fire Brick

#B22222 Palette

W 6.7:1 AA B 3.1:1 Fail

Crimson

#DC143C Palette

W 5.0:1 AA B 4.2:1 Fail

Indian Red

#CD5C5C Palette

W 4.0:1 Fail B 5.3:1 AA

Light Coral

#F08080 Palette

W 2.6:1 Fail B 8.1:1 AAA

Salmon

#FA8072 Palette

W 2.5:1 Fail B 8.4:1 AAA

Dark Salmon

#E9967A Palette

W 2.3:1 Fail B 9.1:1 AAA

Light Salmon

#FFA07A Palette

W 2.0:1 Fail B 10.6:1 AAA

Coral

#FF7F50 Palette

W 2.5:1 Fail B 8.4:1 AAA

Tomato

#FF6347 Palette

W 2.9:1 Fail B 7.1:1 AAA

Orange Red

#FF4500 Palette

W 3.4:1 Fail B 6.1:1 AA

Maroon

#800000 Palette

W 10.9:1 AAA B 1.9:1 Fail

Brown

#A52A2A Palette

W 7.1:1 AAA B 3.0:1 Fail

Scarlet

#FF2400 Palette

W 3.8:1 Fail B 5.5:1 AA

Vermilion

#E34234 Palette

W 4.1:1 Fail B 5.1:1 AA

Carmine

#960018 Palette

W 9.1:1 AAA B 2.3:1 Fail

Cardinal

#C41E3A Palette

W 5.8:1 AA B 3.6:1 Fail

Burgundy

#800020 Palette

W 10.8:1 AAA B 1.9:1 Fail

Wine

#722F37 Palette

W 9.6:1 AAA B 2.2:1 Fail

Oxblood

#4A0000 Palette

W 16.3:1 AAA B 1.3:1 Fail

Ruby

#E0115F Palette

W 4.8:1 AA B 4.4:1 Fail

Cherry

#DE3163 Palette

W 4.4:1 Fail B 4.7:1 AA

Rose Red

#C21E56 Palette

W 5.8:1 AA B 3.6:1 Fail

Raspberry

#E30B5D Palette

W 4.7:1 AA B 4.5:1 Fail

Amaranth

#E52B50 Palette

W 4.4:1 Fail B 4.8:1 AA

Candy Apple

#FF0800 Palette

W 4.0:1 Fail B 5.3:1 AA

Ferrari Red

#FF2800 Palette

W 3.8:1 Fail B 5.6:1 AA

Imperial Red

#ED2939 Palette

W 4.2:1 Fail B 5.0:1 AA

Persian Red

#CC3333 Palette

W 5.1:1 AA B 4.1:1 Fail

Venetian Red

#C80815 Palette

W 6.0:1 AA B 3.5:1 Fail

Alizarin

#E32636 Palette

W 4.6:1 AA B 4.6:1 AA

Coquelicot

#FF3800 Palette

W 3.6:1 Fail B 5.8:1 AA

Poppy

#E35335 Palette

W 3.8:1 Fail B 5.6:1 AA

Cinnabar

#E34234 Palette

W 4.1:1 Fail B 5.1:1 AA

Rust

#B7410E Palette

W 5.6:1 AA B 3.8:1 Fail

Brick Red

#CB4154 Palette

W 4.7:1 AA B 4.4:1 Fail

Terra Cotta

#E2725B Palette

W 3.1:1 Fail B 6.8:1 AA

Bittersweet

#FE6F5E Palette

W 2.7:1 Fail B 7.6:1 AAA

Watermelon

#FC6C85 Palette

W 2.8:1 Fail B 7.6:1 AAA

Strawberry

#FC5A8D Palette

W 3.0:1 Fail B 7.0:1 AA

Falu Red

#801818 Palette

W 10.2:1 AAA B 2.1:1 Fail

Upsdell Red

#AE2029 Palette

W 6.9:1 AA B 3.0:1 Fail

OU Crimson

#841617 Palette

W 10.0:1 AAA B 2.1:1 Fail

Red Devil

#860111 Palette

W 10.4:1 AAA B 2.0:1 Fail

Sangria

#92000A Palette

W 9.4:1 AAA B 2.2:1 Fail

Barn Red

#7C0A02 Palette

W 11.0:1 AAA B 1.9:1 Fail

Turkey Red

#A91101 Palette

W 7.6:1 AAA B 2.8:1 Fail

Cadmium Red

#E30022 Palette

W 4.9:1 AA B 4.3:1 Fail

Permanent Red

#E60026 Palette

W 4.8:1 AA B 4.4:1 Fail

Signal Red

#CE2029 Palette

W 5.4:1 AA B 3.9:1 Fail

Racing Red

#FF1E00 Palette

W 3.9:1 Fail B 5.4:1 AA

Lava

#CF1020 Palette

W 5.6:1 AA B 3.7:1 Fail

Blood Red

#660000 Palette

W 13.4:1 AAA B 1.6:1 Fail

Soft Red

#FA8072 Palette

W 2.5:1 Fail B 8.4:1 AAA

Popular Shade Collections

Browse other named shade galleries, or open the Shade Color tool to generate a custom 50–950 palette.

Shades of Blue

Shades of Green

Shades of Purple

Shades of Pink

Shades of Gray

Shades of Brown

Shades of Yellow

Shades of Black

About Shades of Red

Red drives urgency, errors, sales, and passion branding. Soft coral backgrounds, mid crimsons for CTAs, and deep burgundy for rich systems.

Want a full Red theme (50–950)?

Pick one base color from the gallery above.
Click Palette on that card to open Shade Color.
The tool builds a locked-H / locked-S lightness scale (HSL algorithm) named like Red-50 … 950.
Copy the HEX values into CSS variables for production.

Popular Red Shades Glossary

Red notes below distinguish urgency reds, wine tones, and coral accents used in product and brand systems.

What is Crimson?

Crimson (#DC143C) is a deep, slightly cool red. Classic for news, alerts, and passionate brand marks.

What is Scarlet?

Scarlet (#FF2400) is a bright, orange-leaning red. High energy for sports, sales, and emergency cues.

What is Burgundy?

Burgundy (#800020) is a dark wine red. Premium and mature for wine, fashion, and formal brands.

What is Coral?

Coral (#FF7F50) mixes red and orange in a soft mid tone. Friendly error-alternative accents and lifestyle CTAs.

What is Maroon?

Maroon (#800000) is a dark brownish red. Grounding color for traditional brands and dark red themes.

What is Tomato?

Tomato (#FF6347) is a bright, food-like red-orange. Clear for sale tags and playful product UI.

What is Ruby?

Ruby (#E0115F) reads as a dramatic deep red in digital palettes. Its RGB mix (224, 17, 95) skews toward dramatic red work—especially food and spice branding.

What is Fire Brick?

Reach for Fire Brick (#B22222) when you need a deep red that feels dramatic. Around HSL(0, 67%, 41%), it stays useful for sports team identity.

More Red color definitions

Red (#FF0000): Red (#FF0000) is a deep red with a dramatic character. It pairs well with neutrals and holds up in sports team identity.
Dark Red (#8B0000): Dark Red (#8B0000) brings a dramatic, very dark note to the red family. Its RGB mix (139, 0, 0) skews toward dramatic red work—especially sales and urgency banners.
Indian Red (#CD5C5C): Designers pick Indian Red (#CD5C5C) as a mid-tone red accent with a balanced vibe. It pairs well with neutrals and holds up in errors and destructive actions.
Light Coral (#F08080): Light Coral (#F08080) lands as a light red—balanced enough for passion-driven lifestyle brands. Its RGB mix (240, 128, 128) skews toward balanced red work—especially passion-driven lifestyle brands.
Salmon (#FA8072): Salmon (#FA8072) is a light red with a balanced character. Around HSL(6, 93%, 71%), it stays useful for errors and destructive actions.
Dark Salmon (#E9967A): Dark Salmon (#E9967A) brings a balanced, light note to the red family. On screens it stays readable for food and spice branding when contrast is checked.
Light Salmon (#FFA07A): Reach for Light Salmon (#FFA07A) when you need a light red that feels balanced. It pairs well with neutrals and holds up in news and media accents.
Orange Red (#FF4500): Orange Red (#FF4500) lands as a mid-tone red—vivid enough for passion-driven lifestyle brands. On screens it stays readable for sales and urgency banners when contrast is checked.
Brown (#A52A2A): Brown (#A52A2A) brings a dramatic, deep note to the red family. Its RGB mix (165, 42, 42) skews toward dramatic red work—especially sales and urgency banners.
Vermilion (#E34234): Vermilion (#E34234) is a historic bright red pigment. Artistic and vivid for illustration systems.
Carmine (#960018): Designers pick Carmine (#960018) as a very dark red accent with a dramatic vibe. It pairs well with neutrals and holds up in errors and destructive actions.
Cardinal (#C41E3A): Cardinal (#C41E3A) lands as a deep red—dramatic enough for passion-driven lifestyle brands. Its RGB mix (196, 30, 58) skews toward dramatic red work—especially passion-driven lifestyle brands.
Wine (#722F37): Wine (#722F37) brings a dramatic, deep note to the red family. On screens it stays readable for food and spice branding when contrast is checked.
Oxblood (#4A0000): Reach for Oxblood (#4A0000) when you need a very dark red that feels dramatic. It pairs well with neutrals and holds up in news and media accents.
Cherry (#DE3163): Designers pick Cherry (#DE3163) as a mid-tone red accent with a vivid vibe. Around HSL(342, 72%, 53%), it stays useful for news and media accents.
Rose Red (#C21E56): Rose Red (#C21E56) lands as a deep red—dramatic enough for passion-driven lifestyle brands. On screens it stays readable for sales and urgency banners when contrast is checked.
Raspberry (#E30B5D): Raspberry (#E30B5D) is a deep red with a dramatic character. It pairs well with neutrals and holds up in sports team identity.
Amaranth (#E52B50): Amaranth (#E52B50) brings a vivid, deep note to the red family. Its RGB mix (229, 43, 80) skews toward vivid red work—especially sales and urgency banners.
Candy Apple (#FF0800): Reach for Candy Apple (#FF0800) when you need a deep red that feels dramatic. Around HSL(1, 100%, 50%), it stays useful for sports team identity.
Ferrari Red (#FF2800): Ferrari Red (#FF2800) reads as a vivid deep red in digital palettes. On screens it stays readable for passion-driven lifestyle brands when contrast is checked.
Imperial Red (#ED2939): Designers pick Imperial Red (#ED2939) as a deep red accent with a formal vibe. It pairs well with neutrals and holds up in errors and destructive actions.
Persian Red (#CC3333): Persian Red (#CC3333) lands as a deep red—vivid enough for passion-driven lifestyle brands. Its RGB mix (204, 51, 51) skews toward vivid red work—especially passion-driven lifestyle brands.
Venetian Red (#C80815): Venetian Red (#C80815) is a deep red with a dramatic character. Around HSL(355, 92%, 40%), it stays useful for errors and destructive actions.
Alizarin (#E32636): Alizarin (#E32636) brings a vivid, deep note to the red family. On screens it stays readable for food and spice branding when contrast is checked.
Coquelicot (#FF3800): Reach for Coquelicot (#FF3800) when you need a mid-tone red that feels vivid. It pairs well with neutrals and holds up in news and media accents.
Poppy (#E35335): Poppy (#E35335) reads as a vivid mid-tone red in digital palettes. Its RGB mix (227, 83, 53) skews toward vivid red work—especially food and spice branding.
Cinnabar (#E34234): Designers pick Cinnabar (#E34234) as a mid-tone red accent with a vivid vibe. Around HSL(4, 75%, 54%), it stays useful for news and media accents.
Rust (#B7410E): Rust (#B7410E) lands as a deep red—vivid enough for passion-driven lifestyle brands. On screens it stays readable for sales and urgency banners when contrast is checked.
Brick Red (#CB4154): Brick Red (#CB4154) is a mid-tone red with a balanced character. It pairs well with neutrals and holds up in sports team identity.
Terra Cotta (#E2725B): Terra Cotta (#E2725B) brings a balanced, mid-tone note to the red family. Its RGB mix (226, 114, 91) skews toward balanced red work—especially sales and urgency banners.
Bittersweet (#FE6F5E): Reach for Bittersweet (#FE6F5E) when you need a mid-tone red that feels balanced. Around HSL(6, 98%, 68%), it stays useful for sports team identity.
Watermelon (#FC6C85): Watermelon (#FC6C85) reads as a balanced light red in digital palettes. On screens it stays readable for passion-driven lifestyle brands when contrast is checked.
Strawberry (#FC5A8D): Designers pick Strawberry (#FC5A8D) as a mid-tone red accent with a balanced vibe. It pairs well with neutrals and holds up in errors and destructive actions.
Falu Red (#801818): Falu Red (#801818) lands as a deep red—dramatic enough for passion-driven lifestyle brands. Its RGB mix (128, 24, 24) skews toward dramatic red work—especially passion-driven lifestyle brands.
Upsdell Red (#AE2029): Upsdell Red (#AE2029) is a deep red with a dramatic character. Around HSL(356, 68%, 40%), it stays useful for errors and destructive actions.
OU Crimson (#841617): OU Crimson (#841617) brings a dramatic, very dark note to the red family. On screens it stays readable for food and spice branding when contrast is checked.
Red Devil (#860111): Reach for Red Devil (#860111) when you need a very dark red that feels dramatic. It pairs well with neutrals and holds up in news and media accents.
Sangria (#92000A): Sangria (#92000A) reads as a dramatic very dark red in digital palettes. Its RGB mix (146, 0, 10) skews toward dramatic red work—especially food and spice branding.
Barn Red (#7C0A02): Designers pick Barn Red (#7C0A02) as a very dark red accent with a dramatic vibe. Around HSL(3, 96%, 24%), it stays useful for news and media accents.
Turkey Red (#A91101): Turkey Red (#A91101) lands as a deep red—dramatic enough for passion-driven lifestyle brands. On screens it stays readable for sales and urgency banners when contrast is checked.
Cadmium Red (#E30022): Cadmium Red (#E30022) is a deep red with a dramatic character. It pairs well with neutrals and holds up in sports team identity.
Permanent Red (#E60026): Permanent Red (#E60026) brings a dramatic, deep note to the red family. Its RGB mix (230, 0, 38) skews toward dramatic red work—especially sales and urgency banners.
Signal Red (#CE2029): Reach for Signal Red (#CE2029) when you need a deep red that feels dramatic. Around HSL(356, 73%, 46%), it stays useful for sports team identity.
Racing Red (#FF1E00): Racing Red (#FF1E00) reads as a dramatic deep red in digital palettes. On screens it stays readable for passion-driven lifestyle brands when contrast is checked.
Lava (#CF1020): Designers pick Lava (#CF1020) as a deep red accent with a dramatic vibe. It pairs well with neutrals and holds up in errors and destructive actions.
Blood Red (#660000): Blood Red (#660000) lands as a very dark red—dramatic enough for passion-driven lifestyle brands. Its RGB mix (102, 0, 0) skews toward dramatic red work—especially passion-driven lifestyle brands.
Soft Red (#FA8072): Soft Red (#FA8072) is a light red with a balanced character. Around HSL(6, 93%, 71%), it stays useful for errors and destructive actions.

FAQ

How to use this page?

Copy any red HEX or open it in Shade Color to build matching tints and shades.

What is the most popular shade of red?

Crimson is a classic popular red for alerts, media, and brand marks—deep enough to feel serious, bright enough to pop.

What is the base red HEX value?

The reference base red on this page uses #FF0000. Use it as a starting seed in Shade Color, or pick any named swatch above as your base.

How do I turn a swatch into a full UI theme?

Click Palette on one gallery card. Shade Color locks hue and saturation, then varies lightness into tokens like Red-50 through Red-950 for CSS variables.

What do the W / B contrast labels mean?

Each card shows WCAG 2.x contrast for this color used as text on white (W) and text on black (B). AA means at least 4.5:1 (normal text); AAA means at least 7:1. Fail means below 4.5:1 — still fine for large decorative areas, but avoid for small body text.

What does Preview UI show?

Turn on Preview UI to see the color as text on white/black and as a simple button sample. It is a quick accessibility and context check—not a full design system.

Why use this gallery instead of sampling from a screenshot?

Named colors here use fixed HEX values, so you avoid compression and display-profile drift from screenshots. Copy the code once, then reuse it consistently in CSS or design tokens. For a full 50–950 CSS variable block, open Palette on a card and use Copy CSS in Shade Color.