Shades of Red: Hex, RGB, and HSL Codes

What counts as a shade of red?

Red occupies the stretch of the spectrum around 0° on the hue wheel, and the 22 shades below cover it end to end. Pale, desaturated reds like LightSalmon #FFA07A and LightCoral #F08080 sit at the top; pure Red #FF0000 marks the middle; and the tail runs through Carmine #960018 and DarkRed #8B0000 to Burgundy #800020, a red so deep it reads as a neutral in small doses.

Moving down the list changes two things at once. Lightness drops, which is what turns Scarlet #FF2400 into Blood Red #880808, and hue drifts: Vermilion #E34234 leans orange, while Raspberry #E30B5C and Ruby #E0115F have crossed most of the way toward pink. That drift is why a page using several reds together needs them chosen from the same stretch of the list rather than picked at random.

How to use these color codes

1. Find your shade. The list runs roughly light to dark, with a live preview beside every name — scan it the way you would a paint chart.
2. Click a code to copy. Each row carries the hex, RGB, and HSL value of that color. One click copies that exact string to your clipboard.
3. Paste it into your project. Drop the hex into CSS, Figma, Photoshop, or a document. Clicking the swatch itself copies the hex, so you can grab colors without aiming at the small text.

What red communicates

Red is the highest-arousal color in common use. It raises attention faster than anything else on a screen, which is why errors, alerts, and sale badges default to it — and also why interfaces that use it everywhere feel exhausting. A single red in a layout does more work than three.

Its cultural readings split sharply by shade. Bright reds signal urgency, appetite, and passion — the reason fast food and clearance tags cluster around #FF0000. Deep reds do the opposite: Burgundy, Wine #722F37, and Mahogany #C04000 read as expensive and considered, and are the standard palette for wine labels, leather goods, and law-firm branding.

Honest limitations

A hex code is exact, but the color you see is not. The same #FF0000 looks different on an OLED phone, a cheap office monitor, and a printed page, because each device has its own gamut and calibration. Treat these values as a precise starting point for screens, and always check a physical proof before committing a color to print — CMYK cannot reproduce every shade listed here.

Color names are a mix of two things. Entries badged CSS are official CSS named colors: the name itself works in a stylesheet and every browser resolves it to exactly that hex. The rest are conventional names — Burgundy, Sage, Espresso — that no standards body owns. Their hex values follow the most widely cited convention, but another chart may place them a few percent lighter or darker, so quote the hex rather than the name when the exact value matters.

Why is it free?

FreeToGenerate.com keeps every tool genuinely free. This page is a static list of color values rendered in your browser — nothing to install, no account, no premium tier holding back the darker half of the palette. Copy as many codes as you need, as often as you need.

Other color families

orangeyellowgreencyanbluepurplepinkbrowngrayblackwhiteAll color families