Scarlet color

A bright red that leans slightly toward orange. Historically it was tied to expensive fabrics and positions of power, like cardinals' robes. Today it shows up in lipsticks, party outfits and graphics that need energy.

Also known as: scarlet red.

Scarlet · #FF2400

About scarlet

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

Scarlet shades and tints

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

Scarlet color harmonies

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

ComplementaryClose to: Sky blue

AnalogousClose to: Raspberry, Carrot orange

TriadicClose to: Neon green, Blue

Split complementaryClose to: Mint green, Electric blue

TetradicClose to: Neon green, Sky blue, Violet

Scarlet color palettes

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

Monochromatic palette · Scarlet

Analogous palette · Scarlet

Complementary palette · Scarlet

Triadic palette · Scarlet

With neutrals palette · Scarlet

With an accent palette · Scarlet

Scarlet contrast with text

White textContrast 3.8:1 · AA large text

Black textContrast 5.5:1 · AA

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

CSS code

:root {
  --scarlet: #FF2400;
  --scarlet-rgb: 255, 36, 0;
}
.bg { background-color: var(--scarlet); }
.text { color: var(--scarlet); }

Colors similar to scarlet

Ferrari red Red Orange red Neon orange Vermilion Tomato red Pumpkin orange Mahogany Cherry red Burnt orange

More reds

Red Crimson 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 scarlet?

The hex code for scarlet is #FF2400. In RGB it is rgb(255, 36, 0), in HSL hsl(8, 100%, 50%) and in CMYK 0, 86, 100, 0.

What is the complementary color of scarlet?

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

Can you use white text on scarlet?

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