Red color

Pure screen red, with the red channel maxed out and no green or blue. It grabs attention faster than any other color, which is why it shows up on warnings, sales and call-to-action buttons. Too much of it tires the eyes, so it's usually used in small doses.

Red · #FF0000

About red

Red (#FF0000) is a warm, mid-tone, highly saturated color. It belongs to the reds family. It mixes 255 red, 0 green and 0 blue (out of 255). It is mostly used in logos, signage, fashion, web.

Red shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with red

BlackA powerful, elegant pair.WhiteFresh and cheerful.Navy blueA nautical classic.GrayCalms red and tones it down.BeigeA warm, elegant base.GoldLuxury and celebration.CamelA warm, sophisticated contrast.Dusty pinkA soft, trendy contrast.

How to wear and decorate with red →

Red color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Cyan

AnalogousClose to: Deep pink, Orange

TriadicClose to: Neon green, Blue

Split complementaryClose to: Mint green, Electric blue

TetradicClose to: Chartreuse, Cyan, Violet

Red color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Red

Analogous palette · Red

Complementary palette · Red

Triadic palette · Red

With neutrals palette · Red

With an accent palette · Red

Red contrast with text

White textContrast 4.0:1 · AA large text

Black textContrast 5.3:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --red: #FF0000;
  --red-rgb: 255, 0, 0;
}
.bg { background-color: var(--red); }
.text { color: var(--red); }

Colors similar to red

Scarlet Ferrari red Orange red Neon orange Vermilion Cherry red Tomato red Mahogany Pumpkin orange Crimson

More reds

Crimson Scarlet Vermilion Maroon Burgundy Wine Carmine Ruby Cherry red Brick red Blood red Marsala Tomato red Ferrari red Indian red

Frequently asked questions

What is the hex code for red?

The hex code for red is #FF0000. In RGB it is rgb(255, 0, 0), in HSL hsl(0, 100%, 50%) and in CMYK 0, 100, 100, 0.

What is the complementary color of red?

Its complement on the color wheel is #00FFFF, close to cyan. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on red?

Use black text instead: the contrast with white is only 4.0:1, while with black it is 5.3:1.

What colors go with red?

It pairs well with black, white, navy blue, gray, beige. Avoid pairing it with bright green, because it looks like Christmas, or with intense orange, because it's too much. Large areas of red get tiring.