🎨 Shades of Red

26 red tones, each one click from your clipboard — 16 classic named colors plus a generated tint scale for building UI palettes. Red is physiological: it raises pulse and grabs attention faster than any other hue, which is why it owns stop signs, sale tags, and notification badges. Darker maroons signal heritage and luxury; bright scarlets signal urgency and appetite.

• Maroon#800000
• Dark Red#8b0000
• Firebrick#b22222
• Crimson#dc143c
• Cardinal#c41e3a
• Scarlet#ff2400
• Red#ff0000
• Cherry#d2042d
• Vermilion#e34234
• Tomato#ff6347
• Coral Red#ff4040
• Indian Red#cd5c5c
• Salmon#fa8072
• Light Coral#f08080
• Rose#ff007f
• Misty Rose#ffe4e1
• Red 100#490909
• Red 200#6d0d0d
• Red 300#911212
• Red 400#b61616
• Red 500#da1b1b
• Red 600#e63737
• Red 700#eb5c5c
• Red 800#ef8080
• Red 900#f4a4a4
• Red 1000#f8c9c9

Click any swatch to copy its hex code.

Using red well

Use red sparingly as an accent — a red button on a neutral page converts precisely because nothing else competes with it. Crimson pairs beautifully with cream and charcoal; avoid red-on-green combinations, invisible to the most common form of color blindness.

Need variations of a specific shade? Copy its hex into the palette generator for harmonies, or the contrast checker to verify text passes WCAG on top of it.

Frequently asked questions

What are the most popular shades of red?

The classics are Maroon, Dark Red, Firebrick, Crimson, Cardinal, Scarlet — the named swatches at the top of this page. Click any of them to copy the hex code.

What do the numbered shades (100–1000) mean?

They're a generated lightness scale of one representative hue, in the naming style design systems like Tailwind and Material use — low numbers dark, high numbers light. Use them as a ready-made UI ramp.

How do I get RGB or HSL instead of hex?

Copy the hex here, then paste it into our HEX to RGB converter — it returns RGB and HSL together, and the color picker gives sliders for fine-tuning.