Red

Scarlet

#FF2400
HEX
#FF2400
RGB
rgb(255, 36, 0)
HSL
hsl(8, 100%, 50%)

Red family

About Scarlet

Scarlet (#FF2400) is a medium, vivid red. Red sits at the warmest, longest-wavelength end of the visible spectrum and is the most eye-catching hue of all, so this shade balances warmth with a strong sense of energy and presence.

Psychology

Red raises heart rate and energy levels and is strongly linked to passion, excitement and urgency. It grabs attention faster than any other hue, which is why it powers sale signs, alerts and appetite-driven food branding.

Applications

Red is the go-to for calls-to-action, error states, warnings, sale badges and romantic or festive designs. Brighter reds suit e-commerce and entertainment, while deeper, muted reds feel luxurious and are common in wine, heritage and editorial branding.

History

Red ochre was among the first pigments used in prehistoric cave art more than 40,000 years ago. Later vivid reds came from cinnabar, kermes insects and madder root, and the modern era replaced them with stable synthetic pigments such as cadmium and quinacridone reds.

Meaning

Red carries rich, sometimes opposite meanings: love and luck in China, courage and sacrifice in heraldry, and danger or stop in Western signaling. It is universally treated as a high-priority, high-emotion color.

Why use this color

Choose red when you want to command attention, create urgency or express passion, strength and confidence. It is ideal for brands and interfaces that need a bold, warm and energetic accent.

Accessibility

Against white, #FF2400 has a 3.8:1 contrast ratio; against black it is 5.5:1. Black text on #FF2400 meets WCAG AA for normal text.

Fun facts

  • Red is the first color babies learn to distinguish after black and white.
  • Red has the longest wavelength of visible light, so it appears to advance toward the viewer.
  • The word for 'red' is among the oldest color terms to appear in human languages.

Shades, tints & tones

Variations

Ten lightness steps plus Scarlet's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around Scarlet. Each swatch is one click from your clipboard.

Complementary

#ff2200#00ddff

Analogous

#ff005d#ff2200#ffa200

Triadic

#ff2200#00ff22#2200ff

Split-complementary

#ff2200#00ffa2#005eff

Tetradic

#ff2200#5eff00#00ddff#a200ff

Monochromatic

#4d0a00#a31600#ff2200#ff725c#ffbdb3

Accessibility

Blindness simulator

See how Scarlet is perceived with common types of color vision deficiency.

#FF2400

Normal vision

Standard trichromatic vision, shown for reference.

#736400

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#a69300

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#ff0023

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#838383

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How Scarlet performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on Scarlet
3.82:1
AAAAAAA LargeAAA Large
AaBlack on Scarlet
5.50:1
AAAAAAA LargeAAA Large

The ratio is identical whether Scarlet is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put Scarlet to work, with copy-all support for each.

Complementary

Roughly 180° across the wheel from #FF2400 (hue 8°) sits #00ddff, held together by the #f99586 tint and the neutrals #f4f4f5 and #18181b.

Analogous

#FF2400 with its two closest neighbours, #ff005d and #ffa200, for a 100%-saturation run that stays inside one family; #f99586 and #801100 add depth without breaking it.

Triadic

#FF2400 plus #00ff22 and #2200ff, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.

Monochromatic

One hue at 5 lightness steps: #ffedeb through #1f0400, starting from #FF2400 at 50% lightness.

Scarlet (#FF2400) is a red-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

Scarlet is #FF2400 — rgb(255, 36, 0) / hsl(8, 100%, 50%). Scarlet (#FF2400) is a medium, vivid red. Red sits at the warmest, longest-wavelength end of the visible spectrum and is the most eye-catching hue of all, so this shade balances warmth with a strong sense of energy and presence.

Good to know

  • Scarlet is one of 609 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #00ddff.

More color tools

Next steps for Scarlet: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.