#F4EFE8Understand. 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.
#536B7D#A74736Suggested 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.
#FF0000#91283B#6D071A#842E1B#BB0B0B#E73E01#ED0000#BF3030#A42424#C72C48#FD3F92#E9383F#6E0B14#FE96A0#FF6F7D#FF00FF#800080#DB0073#D473D4#FC5D5D#DD985C#91283B#9E0E40#811453#FF007F#D90115#F7230C#A5260A#6B0D0D#FF5E4D#960018#DC143C#A91101#EB0000#801818#CF0A1D#C60800#E0115F#850606#DE2916#AE4A34#A91101#DB1702#FD4626#C71585#985717#730800#8D4024#CC4E5C#FF0921#6C0277Get the free colour kit: HEX/RGB codes and a project worksheet.