All the Colors

Understand. Compare. Create.

Red: 51 shades, names and colour codes

Explore red shades, HTML and RGB codes, colour meanings and ideas for combining red in your projects.

Colour code and CSS reference

The CSS keyword red corresponds to #FF0000. It represents one specific red shade, not the entire colour family.

HEX
#FF0000
RGB
255, 0, 0
CMYK ≈
0%, 100%, 100%, 0%
HSL
0°, 100%, 50%

The displayed CMYK values are estimates without a print profile.

Meaning and perception

Red can suggest love, celebration, urgency or prohibition, depending on its use. Saturated red attracts attention, so a small area can anchor a composition.

Which colours go with it?

Red can be a recurring theme or a small punctuation mark. First distinguish bright red, brick red and burgundy: they do not have interchangeable effects. For an arrangement that is easy to adjust, start with a quiet companion and a small red area, then enlarge it gradually.

Red and ecru: make the accent clear

Ecru lets a clear red stand out without introducing another strong signal. In a kitchen, this could mean a light base with a few red fronts or accessories. On a poster, reserve red for the priority message. If everything is red, the reader loses the cue that tells them where to look first.

Red and blue: choose a leading colour

Burgundy with greyed blue offers a quieter direction than primary red with electric blue. In clothing, try one burgundy piece with medium-blue denim. In a visual identity, use blue as the working background and red as the accent. A neutral white can provide separation between the two.

Red and pink: make closeness intentional

Deep red and powder pink stay within neighbouring colour territory while changing lightness substantially. Keep pink on the larger areas and red on a clearly defined detail. Compare undertones to avoid an unclear result: a very blue pink and an orange red need more adjustment than a closer pair.

Adapt red to the surface and medium

A red selected in a small swatch can become much more prominent on a wall or a full poster background. Prepare one version with a small red area and another where it dominates. For print, request a proof: an RGB red alone does not specify the result produced by the chosen inks and paper.

Try this palette: brick, chalk and slate blue

Try a chalk base, one slate-blue feature and a few brick accents: for example, 70%, 20% and 10%. This proposal centres on an earthy red. Replacing brick with bright red changes the balance and deserves another test.

Chalk#F4EFE8
Slate blue#536B7D
Brick red#A74736

Suggested palette with copyable HEX codes for your own trials. These sRGB previews are not certified paint or textile specifications.

A common trap: mistaking colour contrast for legibility

Red text on green may catch the eye without being comfortable to read. In a chart, form or legend, support colour differences with words, symbols or patterns. Check the text’s luminance contrast too: choosing two opposing colour families is not enough.

Shades of red

The names and previews below come from the site’s shade directory. Several codes may share a common name; these shades are not certified RAL or Pantone equivalents.

Red#FF0000
Amaranth#91283B
Bordeaux#6D071A
Brick#842E1B
Cherry#BB0B0B
Coral#E73E01
Scarlet#ED0000
Strawberry#BF3030
Crushed strawberry#A42424
Raspberry#C72C48
Fuchsia#FD3F92
Grenadine#E9383F
Garnet#6E0B14
Watermelon#FE96A0
Carnation#FF6F7D
Magenta#FF00FF
Dark magenta#800080
Magenta fuchsia#DB0073
Mauve#D473D4
Nacarat#FC5D5D
Red ocher#DD985C
Velvet red#91283B
Purple#9E0E40
Plum#811453
Bright pink#FF007F
Alizarin red#D90115
English red#F7230C
Red bismarck#A5260A
Burgundy red#6B0D0D
Red nasturtium#FF5E4D
Crimson#960018
Crimson#DC143C
Red Adrianople#A91101
Aniline red#EB0000
Falu Red#801818
Redcurrant#CF0A1D
Poppy red#C60800
Ruby red#E0115F
Blood-red#850606
Tomato red#DE2916
Terracotta red#AE4A34
Turkish red#A91101
Vermilion#DB1702
Vermilion#FD4626
Red purple#C71585
Rust#985717
Oxblood#730800
Senois#8D4024
Terracotta#CC4E5C
Red#FF0921
Zizolin#6C0277
30 palettes. Your next idea starts here.

Get the free colour kit: HEX/RGB codes and a project worksheet.

Get my free kit →

Also discover: Casekit — customer support for online shops.