Shades of Red | Colormapped

Shades of Red color ramp

These swatches are generated from one base hue using fixed HSL lightness steps. They are computed references, not official color names.

#FFE5E5 HSL lightness 95%

#FFB3B3 HSL lightness 85%

#FF8080 HSL lightness 75%

#FF4D4D HSL lightness 65%

#FF1A1A HSL lightness 55%

#E60000 HSL lightness 45%

#B30000 HSL lightness 35%

#800000 HSL lightness 25%

#4D0000 HSL lightness 15%

Base reference: #FF0000. Use the Tints and Shades Generator when you need a ramp based on a specific project color.

Common CSS named red colors

These standardized names cover light red/pink-adjacent values, warm coral-reds, vivid red, and dark red-family colors.

ColorCSS keywordHEX

Misty Rose mistyrose #FFE4E1

Light Coral lightcoral #F08080

Salmon salmon #FA8072

Tomato tomato #FF6347

Indian Red indianred #CD5C5C

Red red #FF0000

Crimson crimson #DC143C

Firebrick firebrick #B22222

Dark Red darkred #8B0000

Maroon maroon #800000

Named-color values above use the standardized CSS sRGB keywords documented by MDN. The list is curated for this color family; it is not a perceptually uniform scale.

A red family can cover very light pinkish tints, vivid mid reds, and deep dark-red values. The ramp above is generated at fixed HSL lightness steps so every swatch belongs to the same computed hue family.

Bright red is visually strong, so in interfaces it is often better reserved for states that need attention. Lighter and darker red-family values can provide hierarchy, but they should not be used as the only signal for errors or status because color perception varies between users.

Useful next steps

Try a specific color in the Tints and Shades Generator, or browse other shade families.