17 Different Shades of Red (+ HEX codes)

Explore all shades of red, from lighter to darker shades. See HEX codes, shade names, and red color palettes. Click any shade to copy its HEX code.

Red arrives before anything else on the page — the eye finds it first, and the body reacts before the mind does. That is why it means both sale and stop.

Use one red, not two: a second red beside the first makes both look like a mistake.

fair pink
#ffebeb
cosmos
#ffd2d2
your pink
#ffbaba
sweet pink
#ffa1a1
vivid tangerine
#ff8989
bittersweet
#ff7070
persimmon
#ff5858
coral red
#ff4040
red orange
#ff2727
red
#ff0f0f
guardsman red
#c40000
bright red
#ac0000
red berry
#940000
maroon
#7b0000
rosewood
#630000
temptress
#4a0000
diesel
#1a0000

Red: HEX & RGB Codes

red has the following primary color codes:

HEX: #ffebeb
RGB: (255, 235, 235).

Explore a wide range of red shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of red

Fair Pink
#ffebeb
Fair Pink
#ffebeb
Chablis
#fff0f0
Chablis
#fff0f0
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fffafa
Rose White
#fffafa
White
#ffffff

Explore shades of red

Aubergine
#340909
Brown Derby
#4c1515
Irish Coffee
#652525
Lotus
#813b3b
Au Chico
#9b5555
Turkish Rose
#b47474
Oriental Pink
#cc9494
Cavern Pink
#e5bdbd

red in HEX, RGB, HSL and CMYK

HEX	#FF0000
RGB	rgb(255, 0, 0)
HSL	hsl(0, 100%, 50%)
CMYK	cmyk(0%, 100%, 100%, 0%)

Tints and shades of red

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#ff2727
#ff4e4e
#ff7575
#ff9c9c
#ffc4c4
#ffebeb

Shades (darker)

#d80000
#b10000
#8a0000
#630000
#3b0000
#140000

Colours that work with red

Complementary

#FF0000 #00ffff

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#ff0080 #FF0000 #ff8000

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#FF0000 #00ff00 #0000ff

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on red

Example Primary text

White text on red4.00:1Large text only

Example Primary text

Near-black text on red4.44:1Large text only

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

red shade chart

Shade chart showing five steps of red, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.