Accessible CSS Gradient Generator

← All Posts

Shades of Red: The Definitive Hex Code Color Guide

The Spectrum of Essential Red

Red is one of the most powerful colors in the visual spectrum. It symbolizes passion, energy, love, strength, urgency, and attention. From luxury branding and sports teams to warning systems and modern web interfaces, red has the unique ability to instantly draw the eye and create emotional impact. In this guide, we’ll explore some of the most popular shades of red, complete with names and hexadecimal color codes ready to use in your CSS, Tailwind projects, or design systems.

#8B0000 #DC143C #FF2400 #E0115F

#8B0000 Dark Red

#DC143C Crimson

#FF2400 Scarlet

#E0115F Ruby

Classic Reds of Passion and Power

Deep, saturated reds have represented strength and prestige throughout history. They appear in royal garments, national flags, luxury branding, and iconic sports identities. These shades create bold visual anchors and work exceptionally well for calls-to-action, hero sections, and premium brand accents.

#B22222 #A52A2A #800000 #7C0A02

#B22222 Firebrick

#A52A2A Brown Red

#800000 Maroon

#7C0A02 Barn Red

Bright and Energetic Reds

These highly saturated reds demand attention. They are frequently used for promotions, alerts, sale banners, sports branding, and modern user interfaces where immediate visibility is essential.

#FF0000 #FF5349 #FF4433 #FF2800

#FF0000 Red

#FF5349 Tomato Red

#FF4433 Vermilion

#FF2800 Ferrari Red

Luxury Wine and Burgundy Reds

When red is darkened with hints of purple or brown, it becomes rich, sophisticated, and luxurious. These tones are common in premium packaging, fine dining branding, wine labels, and elegant website themes.

#800020 #722F37 #58111A #673147

#800020 Burgundy

#722F37 Wine

#58111A Blood Red

#673147 Old Burgundy

Pinkish and Rose-Tinted Reds

Not all reds are aggressive. Softer red variants blend pink undertones to create romantic, welcoming, and contemporary aesthetics. These colors are popular in beauty brands, lifestyle websites, and modern illustrations.

#FF6F61 #F88379 #E75480 #FFB6B9

#FF6F61 Coral Red

#F88379 Salmon

#E75480 Dark Pink

#FFB6B9 Pastel Rose

Earthy and Rustic Reds

Inspired by clay, brick, terracotta, and natural pigments, these shades feel warm, grounded, and organic. They are excellent choices for handmade products, travel brands, and rustic design systems.

#E2725B #C04000 #B7410E #CC5500

#E2725B Terracotta

#C04000 Mahogany

#B7410E Rust

#CC5500 Burnt Orange Red

Vibrant Gemstone Reds

Many of the most striking red colors derive their names from precious gemstones and minerals. These colors combine saturation and elegance, making them ideal for luxury interfaces, premium products, and standout visual identities.

#9B111E #D10056 #C40233 #AA0114

#9B111E Ruby Red

#D10056 Raspberry Red

#C40233 Cardinal Red

#AA0114 Garnet Red

Soft Pastel Reds

Pastel reds bring warmth without overwhelming the layout. They work beautifully in backgrounds, onboarding screens, product cards, and subtle UI accents where a gentle touch of color is needed.

#FFD1DC #F4C2C2 #FFDDD2 #FFE5E5

#FFD1DC Pastel Pink Red

#F4C2C2 Tea Rose

#FFDDD2 Misty Rose

#FFE5E5 Soft Blush

Conclusion

Red is far more diverse than a single color. From dramatic burgundies and historic crimsons to playful coral tones and soft pastel roses, the red family offers options for virtually every design style. Whether you’re building a bold landing page, designing a luxury brand, or creating a warm user interface, understanding these shades helps you choose colors that communicate exactly the right emotion.

Explore More Colors

Looking for inspiration beyond red?

Create accessible color systems with design-token support and Tailwind exports using the TrueCSSApp Gradient Generator