Shades of Red
with Hex Codes
Red is the most emotionally intense colour — it signals passion, urgency, danger, and love in equal measure. In CSS, the base red is #FF0000, but designers choose from hundreds of variants: deep crimson for luxury brands, bright scarlet for calls-to-action, soft coral for UI accents, dark maroon for premium feels, and warm tomato for food brands.
98+Color Shades
1-clickCopy Hex Code
3Filter Categories
Complete List of Red Color Shades
Click to copy
HTML
Indian Red
#CD5C5C
Click to copy
HTML
Light Coral
#F08080
Click to copy
HTML
Salmon
#FA8072
Click to copy
HTML
Dark Salmon
#E9967A
Click to copy
HTML
Light Salmon
#FFA07A
Click to copy
HTML
Crimson
#DC143C
Click to copy
HTML
Red
#FF0000
Click to copy
HTML
Fire Brick
#B22222
Click to copy
HTML
Dark Red
#8B0000
Click to copy
HTML
Maroon
#800000
Click to copy
HTML
Coral
#FF7F50
Click to copy
HTML
Tomato
#FF6347
Click to copy
HTML
Orange Red
#FF4500
Click to copy
HTML
Pale Violet Red
#DB7093
Click to copy
HTML
Medium Violet Red
#C71585
Click to copy
Pigment Red
#ED1C24
Click to copy
Crayola Red
#EE204D
Click to copy
Munsell Red
#F2003C
Click to copy
NCS Red
#C40233
Click to copy
Pantone Red
#ED2939
Click to copy
Barn Red
#7C0A02
Click to copy
Blood Red
#660000
Click to copy
Carmine
#960018
Click to copy
Chili Red
#E23D28
Click to copy
Chocolate Cosmos
#58111A
Click to copy
Cinnabar
#E44D2E
Click to copy
Fire Engine Red
#CE2029
Click to copy
Garnet
#733635
Click to copy
Imperial Red
#ED2939
Click to copy
Lust
#E62020
Click to copy
Madder
#A50021
Click to copy
Redwood
#A45A52
Click to copy
Ruby
#E0115F
Click to copy
Rusty Red
#DA2C43
Click to copy
Scarlet
#FF2400
Click to copy
Spanish Red
#E60026
Click to copy
Turkey Red
#A91101
Click to copy
Vermillion
#E34234
Click to copy
Alizarin Crimson
#E32636
Click to copy
Amaranth
#E52B50
Click to copy
American Rose
#FF033E
Click to copy
Apricot
#FBCEB1
Click to copy
Auburn
#A52A2A
Click to copy
Burgundy
#800020
Click to copy
Candy Apple Red
#FF0800
Click to copy
Carnelian
#B31B1B
Click to copy
Cerise
#DE3163
Click to copy
Coquelicot
#FF3800
Click to copy
Electric Crimson
#FF003F
Click to copy
Flame
#E25822
Click to copy
Folly
#FF004F
Click to copy
Lava
#CF1020
Click to copy
Mahogany
#C04000
Click to copy
Oxblood
#800020
Click to copy
Persian Red
#C81D11
Click to copy
Raspberry
#E30B5C
Click to copy
Rose
#FF007F
Click to copy
Rose Red
#C21E56
Click to copy
Rosewood
#65000B
Click to copy
Russet
#80461B
Click to copy
Rust
#B7410E
Click to copy
Sanguine
#BC3F4A
Click to copy
Tawny
#CD5700
Click to copy
Tea Rose
#F88379
Click to copy
Terra Cotta
#E2725B
Click to copy
Tuscan Red
#7C3030
Click to copy
Venetian Red
#C80815
Click to copy
Wine
#722F37
Click to copy
Brand
Youtube Red
#FF0000
Click to copy
Brand
Airbnb Red
#FD5C63
Click to copy
Brand
Target Red
#CC0000
Click to copy
Brand
Coke Red
#F40009
Click to copy
Brand
Pinterest Red
#E60023
Click to copy
Brand
Virgin Red
#E4181E
Click to copy
Sport
Alabama Crimson
#9E1B32
Click to copy
Sport
Cincinnati Red
#C6011F
Click to copy
Sport
Red Sox Red
#BD3039
Click to copy
Sport
Cardinal Red
#C41E3A
Click to copy
Sport
Chiefs Red
#E31837
Click to copy
Sport
49ers Red
#AA0000
Click to copy
Sport
AZ Cardinals Red
#97233F
Click to copy
Sport
Falcons Red
#A71930
Click to copy
Sport
Bills Red
#C60C30
Click to copy
Sport
Arsenal Red
#EF0107
Click to copy
Sport
Liverpool Red
#C8102E
Click to copy
Sport
Man Utd Red
#DA291C
Click to copy
Sport
Phillies Red
#E81828
Click to copy
Sport
Nationals Red
#AB0003
Click to copy
Sport
Angels Red
#BA0021
Click to copy
Sport
Ajax Red
#D2122E
Click to copy
Sport
Husker Red
#E41C38
Click to copy
Sport
Oklahoma Crimson
#841617
Click to copy
Sport
Harvard Crimson
#A51C30
Click to copy
Sport
MIT Red
#A31F34
Click to copy
Sport
Penn Red
#990000
Click to copy
Sport
BU Scarlet
#CC0000
Click to copy
Sport
Cornell Red
#B31B1B
Click to copy
Sport
Rosso Corsa
#CC0000
Shades of Red — Hex Reference Table
Click any hex code or colour swatch to copy it to your clipboard.
| Preview | Name | Hex Code | RGB | Category |
|---|
How to Use Shades of Red in CSS
Every shade on this page can be used directly in CSS. Copy the hex code and paste it into any CSS color property: color, background-color, border-color, box-shadow, or outline-color.
For transparency effects, convert the hex to RGB using the table above and use rgba(). For a design system, store your chosen shade as a CSS custom property so you can update it site-wide from one place.
/* Crimson heading */
h1 { color: #DC143C; }
/* Coral button */
.btn { background-color: #FF7F50; }
/* Maroon with transparency */
.overlay { background-color: rgba(128, 0, 0, 0.7); }
/* CSS custom property */
:root { --brand-red: #FF0000; }
Frequently Asked Questions
What is the hex code for red?
The pure red hex code is
#FF0000. Crimson is #DC143C, maroon is #800000, coral is #FF7F50, and scarlet is #FF2400.What are the different shades of red called?
Shades of red include crimson, maroon, scarlet, carmine, vermillion, coral, tomato, salmon, ruby, burgundy, rose, raspberry, rust, wine, cardinal, and garnet — each with a distinct hex code.
What is the darkest shade of red?
The darkest reds include maroon (
#800000), dark red (#8B0000), rosewood (#65000B), and blood red (#660000). Oxblood (#800020) is popular in fashion.What is the difference between crimson and scarlet?
Crimson (
#DC143C) is a cool, blue-leaning red used in academic contexts. Scarlet (#FF2400) is warm and orange-leaning, brighter and more energetic.How do I use red shades in CSS?
Use hex codes:
color: #DC143C; for crimson, or background-color: #FF7F50; for coral. CSS named reds include red, crimson, tomato, coral, maroon, and salmon.