Red Color Codes (Shades of Red)

Red ranges from bright scarlet and candy apple red to deep oxblood-like blood red and rosewood. This page lists 36 named reds — the 11 reds and red-oranges that CSS knows by name, such as crimson, firebrick and indianred, plus well-known names like scarlet, carmine, vermilion, cardinal and ruby — with HEX, RGB, HSL, HSV, CMYK and OKLCH codes. Pick one to get its tints and shades, its complementary color and whether black or white text reads better on it.

How to use this tool

1. Choose a shade of red from the list.
2. Copy its HEX, RGB, HSL or CMYK code from the results.
3. Use the tints and shades table for lighter and darker versions of the same red.
4. Compare all shades in the full table or download the swatch chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′); printers convert with ICC profiles and may give different numbers.

Example

Crimson (crimson) is #DC143C = rgb(220, 20, 60), hsl(348, 83.3%, 47.1%). Its complement is the turquoise #14DCB4. White text on crimson reaches 4.98:1, enough for normal body text under WCAG AA, while pure red #FF0000 gives white text just under 4:1 — black text (5.25:1) reads better on it.