Scarlet
#FF2400Red 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
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Accessibility
Blindness simulator
See how Scarlet is perceived with common types of color vision deficiency.
Normal vision
Standard trichromatic vision, shown for reference.
Protanopia
Red-blind. Reds look darker and can be confused with greens and browns.
Deuteranopia
Green-blind. Greens look muted and can be confused with reds and browns.
Tritanopia
Blue-blind. Blues look greenish and yellows fade toward pink.
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.
The ratio is identical whether Scarlet is used as the text or the background.
Open the full checkerReady 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.