colorcodekit

Color Codes › Shades of Red

Shades of red

Q: What are the shades of red?

Shades of red are made by mixing red with black, producing progressively darker versions. Tints mix with white for lighter versions, and tones mix with grey for muted versions.

Q: What is the hex code for red?

A common red is #EF4444 (rgb(239, 68, 68)), but red spans a whole range — see the full set of shades and tints on this page.

A full palette of red — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.

#EF4444

Shades of red

Red mixed with black — darker and deeper.

#EF4444

rgb(239, 68, 68)

#D93E3E

rgb(217, 62, 62)

#C43838

rgb(196, 56, 56)

#AE3131

rgb(174, 49, 49)

#982B2B

rgb(152, 43, 43)

#822525

rgb(130, 37, 37)

#6D1F1F

rgb(109, 31, 31)

#571919

rgb(87, 25, 25)

#411313

rgb(65, 19, 19)

#2B0C0C

rgb(43, 12, 12)

#160606

rgb(22, 6, 6)

#000000

rgb(0, 0, 0)

Tints of red

Red mixed with white — lighter and softer.

#EF4444

rgb(239, 68, 68)

#F05555

rgb(240, 85, 85)

#F26666

rgb(242, 102, 102)

#F37777

rgb(243, 119, 119)

#F58888

rgb(245, 136, 136)

#F69999

rgb(246, 153, 153)

#F8AAAA

rgb(248, 170, 170)

#F9BBBB

rgb(249, 187, 187)

#FBCCCC

rgb(251, 204, 204)

#FCDDDD

rgb(252, 221, 221)

#FEEEEE

rgb(254, 238, 238)

#FFFFFF

rgb(255, 255, 255)

Tones of red

Red mixed with grey — muted and subtle.

#EF4444

rgb(239, 68, 68)

#E54949

rgb(229, 73, 73)

#DB4F4F

rgb(219, 79, 79)

#D15454

rgb(209, 84, 84)

#C75A5A

rgb(199, 90, 90)

#BD5F5F

rgb(189, 95, 95)

#B26565

rgb(178, 101, 101)

#A86A6A

rgb(168, 106, 106)

#9E7070

rgb(158, 112, 112)

#947575

rgb(148, 117, 117)

#8A7B7B

rgb(138, 123, 123)

#808080

rgb(128, 128, 128)

Shades, tints and tones explained

Starting from a base red (#EF4444), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent red palette — useful for hover states, backgrounds, borders and accessible text.

Want a different starting red? Open the colour picker, choose your exact red, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.

What are the shades of red?

Red mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.

What is the hex code for red?

A common red is #EF4444, but red spans the whole range shown above.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →

Pick visually, get every code.

Converter →

Convert between any formats.

Contrast Checker →

WCAG AA/AAA pass-fail.

Named Colors →

All 140 CSS colours.