Color family

Red colors

Every named red color in the library. Click one for its hex, RGB, HSL, HSV, CMYK and OKLCH values, color harmonies, shades and tints.

BlueBrownCyanGray & BlackGreenOrangePinkPurpleRedWhiteYellow
Light Coral#F08080Indian Red#CD5C5CRed#FF0000Brick#B22222Fire Brick#B22222Dark Red#8B0000Oxblood#4A0404Vermilion#E34234Salmon#FA8072Scarlet#FF2400Dark Salmon#E9967ALight Salmon#FFA07ABurgundy#800020Crimson#DC143CCherry#D2042DCranberry#9B1B30Wine#722F37Rosewood#65000BRuby#9B111E

About red colors

Red is the longest wavelength the eye sees and the most attention-grabbing color on screen. Web reds run from soft salmon and lightcoral through the pure red keyword (#FF0000) to deep darkred and maroon. In interfaces red carries a heavy convention — errors, destructive actions, stop states — so a red used for branding needs to be distinct enough not to be mistaken for a warning.

When you pick a red for text, contrast is the catch: pure #FF0000 on white lands around 4:1, just short of WCAG AA for body copy, so most readable reds sit a shade or two darker. Pair reds with cool neutrals or a teal accent for balance, and check any red-on-color combination for red-green color blindness, where it can collapse toward the background.

Using these red colors

Click any swatch above for that color's full page — hex, RGB, HSL, HSV, CMYK and OKLCH codes, a contrast check against black and white, shade and tint ramps, and its color harmonies. To build a palette around one of these colors, open it in the palette generator or plot it on the color wheel; to convert it to another format, use the color converter; and before using it for text, confirm the pairing in the contrast checker. For the standardized keyword list, see the 140 CSS color names, or browse the other color families.