#FF2400
Red family

Scarlet

Also known as: bright · fiery · bold · energetic · warning
Save
Hex #FF2400
RGB rgb(255, 36, 0)
HSL hsl(8°, 100%, 50%)
CMYK 0 · 86 · 100 · 0
RAL RAL 2005 · Luminous Orange

RAL and NCS values are nearest equivalents, not official designations.

Meaning

Scarlet carries connotations of urgency, warning, and passion. In literature, it has become synonymous with scandal and transgression, most notably through Nathaniel Hawthorne's 'The Scarlet Letter'. Yet it also represents bravery and valor in heraldry.

Scarlet was originally a fine woolen cloth in medieval Europe, not a color. The cloth came in many colors, but red was the most expensive and prestigious, eventually lending its name to the hue itself.

brightfieryboldenergeticwarning

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Scarlet. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 33 Reds →

Shades & tints

Nine steps of Scarlet by lightness — from #851300 (darkest) to #FF8D7A (lightest). Click any to copy.

-40% #851300
-30% #A31700
-20% #C21B00
-10% #E02000
BASE #FF2400
+15% #FF3E1F
+30% #FF593D
+50% #FF735C
+70% #FF8D7A

Complementary

Sitting opposite Scarlet at 188° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Scarlet.

#FF2400
#FFD700
#1A1A1A
#FFFAF0
#8B0000

Scarlet & Gold

Bold and triumphant
#FF2400
#FFFFFF
#F0F0F0
#2C2C2C
#FF8C69

Scarlet Minimal

Clean and modern

Used by

Brands and institutions known for using Scarlet.

Arsenal FCOhio State UniversityScuderia Ferrari

Scarlet scale

A 50–900 tonal scale with Scarlet anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFEDEB
100 #FFD8D1
200 #FFAC9E
300 #FF806B
400 #FF5236
500 #FF2400
600 #D11E00
700 #A81800
800 #801200
900 #570C00

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 5.5:1
Scarlet as text on… Ratio AA AAA
Aa White background 3.82:1 Large only Fail
Aa Black background 5.5:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FF2400

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FF2400;
CSS color-mix (lighten 30%) color-mix(in srgb, #FF2400 70%, white)
HSV / HSB 8°, 100%, 100%
CMYK (print) 0, 86, 100, 0
Decimal 16720896
Nearest web-safe #FF3300

Color vision

How Scarlet appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FF2400

Protanopia (no red)

#A09E09

Deuteranopia (no green)

#ADBD0B

Tritanopia (no blue)

#F41011
Crimson
2 / 33 Reds Ruby
Copied!