Shades of red

Reds go from light salmon (#ffa07a) through crimson to maroon (#800000). Each of the 12 CSS-named reds here shows its hex code and whether white or dark lettering stays readable on it.

Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.

Base colour

Named shades

Or take colours from a photo

or drop it here. It never leaves your browser.

Shades

50#fff4f3White1.1 FailInk16.8 AAA
100#ffe4e3White1.2 FailInk15.0 AAA
200#ffc8c6White1.5 FailInk12.3 AAA
300#ff9f9fWhite2.0 FailInk9.2 AAA
400#ff6970White2.8 FailInk6.5 AA
500#ec344bWhite4.1 AA largeInk4.4 AA large
600#cc1137White5.7 AAInk3.2 AA large
700#a70028White7.9 AAAInk2.3 Fail
800#80001dWhite10.8 AAAInk1.7 Fail
900#600013White13.9 AAAInk1.3 Fail
950#42000aWhite17.0 AAAInk1.1 Fail

Copy as

CSSTailwindHexJSON

Palette code

:root {
  --color-red-50: #fff4f3;
  --color-red-100: #ffe4e3;
  --color-red-200: #ffc8c6;
  --color-red-300: #ff9f9f;
  --color-red-400: #ff6970;
  --color-red-500: #ec344b;
  --color-red-600: #cc1137;
  --color-red-700: #a70028;
  --color-red-800: #80001d;
  --color-red-900: #600013;
  --color-red-950: #42000a;
  --color-accent-1: #ffd1d0;
  --color-accent-2: #ff8386;
  --color-accent-3: #a20027;
  --color-accent-4: #5c0012;
}

At a glance

Light salmon (lightsalmon): #ffa07a · white text 1.98:1 (Fail), near-black text 9.10:1 (AAA); Source: w3.org, checked 2026-11
Dark salmon (darksalmon): #e9967a · white text 2.30:1 (Fail), near-black text 7.84:1 (AAA); Source: w3.org, checked 2026-11
Salmon (salmon): #fa8072 · white text 2.50:1 (Fail), near-black text 7.23:1 (AAA); Source: w3.org, checked 2026-11
Light coral (lightcoral): #f08080 · white text 2.59:1 (Fail), near-black text 6.98:1 (AA); Source: w3.org, checked 2026-11
Tomato (tomato): #ff6347 · white text 2.94:1 (Fail), near-black text 6.14:1 (AA); Source: w3.org, checked 2026-11
Orange red (orangered): #ff4500 · white text 3.44:1 (AA large), near-black text 5.25:1 (AA); Source: w3.org, checked 2026-11
Red (red): #ff0000 · white text 3.99:1 (AA large), near-black text 4.52:1 (AA); Source: w3.org, checked 2026-11
Indian red (indianred): #cd5c5c · white text 3.97:1 (AA large), near-black text 4.55:1 (AA); Source: w3.org, checked 2026-11
Crimson (crimson): #dc143c · white text 4.98:1 (AA), near-black text 3.62:1 (AA large); Source: w3.org, checked 2026-11
Fire brick (firebrick): #b22222 · white text 6.67:1 (AA), near-black text 2.71:1 (Fail); Source: w3.org, checked 2026-11
Dark red (darkred): #8b0000 · white text 10.01:1 (AAA), near-black text 1.80:1 (Fail); Source: w3.org, checked 2026-11
Maroon (maroon): #800000 · white text 10.94:1 (AAA), near-black text 1.65:1 (Fail); Source: w3.org, checked 2026-11

Give your page these colours

A Liite page comes with 15 themes, from sunset to midnight, and your own colours on top. Pick the one closest to your palette and your link-in-bio page is ready in a few minutes.

Make your free page

Shades of red: what to know

This page starts the colour palette generator for this case. For every option and how to use it, see the colour palette generator.

Which shades of red can carry text

White body text passes WCAG AA (4.5:1) on 4 of the 12: crimson (#dc143c), fire brick (#b22222), dark red (#8b0000) and maroon (#800000). Use these for buttons, banners and anything with white type on it.

Near-black text (#161616) passes on 8: light salmon (#ffa07a), dark salmon (#e9967a), salmon (#fa8072), light coral (#f08080), tomato (#ff6347), orange red (#ff4500), red (#ff0000) and Indian red (#cd5c5c).

Pure red is weaker than it looks

White text on pure red (#ff0000) reaches only 3.99:1, below the 4.5:1 WCAG AA asks for body text. Crimson (#dc143c) passes at 4.98:1 and fire brick (#b22222) at 6.67:1, so they make safer button and alert colours.

Salmon, coral and tomato sit between red and orange. They work as warm accents but need dark text: tomato with near-black text is 6.14:1.

Questions

What are the names of some shades of red?

CSS names 12 reds: light salmon, dark salmon, salmon, light coral, tomato, orange red, red, Indian red, crimson, fire brick, dark red and maroon. Each one's hex code is in the list above.

What are the top 5 shades of red?

There's no official ranking. Five that cover the range from light to dark are light coral (#f08080), red (#ff0000), crimson (#dc143c), fire brick (#b22222) and maroon (#800000).

What are 50 shades of red?

Nobody publishes an agreed list of 50. Start from any red here and the generator builds 11 steps from 50 to 950; five reds give you 55 shades that step evenly.