Red Colour Codes
Every CSS red shade with its hex and RGB values — from LightSalmon through to Maroon. Search the list and click any swatch to copy its code.
How to use it
- Click any swatch to copy its hex value.
- The RGB triplet appears under each name.
- Search to narrow the list by name or code.
The red family in CSS runs from soft, pink-adjacent tones like LightSalmon (#FFA07A) and IndianRed (#CD5C5C), through unambiguous warning reds like Crimson (#DC143C) and FireBrick (#B22222), down to the dark, muted Maroon (#800000). It is the smallest of the strongly-saturated named families, since many of the brightest, most recognisable reds — like the CSS Red keyword itself, #FF0000 — sit close together rather than spread across many named variants.
Red carries meaning, not just decoration
More than any other colour, red is loaded with an existing signal in interface design: error states, destructive actions, stop and warning indicators. That makes it the colour to use deliberately rather than decoratively — a red button that does not mean “delete” or “stop” trains users to distrust the colour everywhere else it actually matters.
It is also the family hit hardest by colour blindness. Red-green colour vision deficiency affects roughly 1 in 12 men, so red should essentially never be the only signal distinguishing two states — pair it with an icon, label or shape as well.
Questions people ask
How many named red shades does CSS have?
The chart above lists the standard CSS named colours in the red family. CSS defines 140 named colours in total across every family.
Is anything uploaded?
No. Everything runs in your browser — no file, image or snippet you use here ever leaves your device.
Last updated 22 August 2026