Home /Compare /Scarlet vs Crimson

Scarlet vs Crimson: What's the Difference?

The main difference between Scarlet and Crimson is brightness and saturation: both are red shades, but they share similar brightness and Scarlet is more saturated. Scarlet (#FF2400) and Crimson (#DC143C) are similar colors often confused. They differ in brightness, saturation, and undertone, making each better suited for different design contexts.

Scarlet#FF2400
Crimson#DC143C
#FF2400Blended: #EE1C1E#DC143C
ShareSave to PinterestTweet

Scarlet vs Crimson: Key Differences at a Glance

Aspect Scarlet Crimson
BrightnessMedium (L=50%) — balanced, versatileMedium (L=47%) — balanced, versatile
SaturationVivid (S=100%) — bright, energetic, eye-catchingVivid (S=83%) — bright, energetic, eye-catching
Hue familyRedRed
TemperatureWarmWarm
Hex code#FF2400#DC143C
RGB255, 36, 0220, 20, 60

Can you use Scarlet and Crimson together?

Crimson text on Scarlet
Scarlet text on Crimson
Contrast Ratio:1.31:1Insufficient Contrast

How to Tell Scarlet and Crimson Apart

  • ●Check saturation: Scarlet looks more vivid and saturated.
  • ●Watch the undertone: the hue shifts 340° between them, which changes the perceived temperature.
  • ●Compare them on a white background to see true saturation, and on black to see true lightness.

Scarlet or Crimson: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

◆Branding & logos
PickScarlet

Scarlet is more saturated (100% HSL vs 83%) so it reads as bolder and more memorable at logo scale, while Crimson can feel washed out when printed small.

▢Web UI & body text backgrounds
PickCrimson

Crimson hits a 4.99:1 WCAG contrast against white — safer for text-heavy interfaces — where Scarlet only reaches 3.82:1 and risks failing AA at small body sizes.

⬡Fashion & apparel
PickScarlet

Scarlet is a warm tone that flatters spring/summer collections and warmer skin undertones, while Crimson leans warmer and is better suited to autumn/winter layering.

▣Interior design & walls
PickCrimson

Crimson is the more muted of the two (83% saturation) and sits more calmly on large wall surfaces, while Scarlet's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Scarlet vs Crimson in Design

Use Scarlet for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion
Use Crimson for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion

Scarlet and Crimson Hex Codes, RGB & HSL

Scarlet#FF2400

Scarlet (#FF2400) is a medium, vivid red with a warm undertone — it feels balanced, versatile and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Crimson#DC143C

Crimson (#DC143C) is a medium, vivid red with a warm undertone — it feels balanced, versatile and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Scarlet and Crimson WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Scarlet text on white
3.82:1AA Large
Sample text preview
Scarlet text on black
5.5:1AA
Sample text preview
Crimson text on white
4.99:1AA
Sample text preview
Crimson text on black
4.21:1AA Large
Sample text preview
Scarlet text on Crimson
1.31:1Fail
Sample text preview
Crimson text on Scarlet
1.31:1Fail

Explore Scarlet and Crimson individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Scarlet color page#FF2400 · shades, tints, pairingsCrimson color page#DC143C · shades, tints, pairings

More Scarlet and Crimson Comparisons

RedvsScarletRedvsCrimsonScarletvsRubyCrimsonvsRubyScarletvsWineCrimsonvsWineRustvsScarletCrimsonvsGreyScarletvsGreyCrimsonvsBrickGrayvsScarletCrimsonvsTomato

Scarlet vs Crimson FAQ

What is the difference between scarlet and crimson?+
The main difference between Scarlet and Crimson is brightness and saturation: both are red shades, but they share similar brightness and Scarlet is more saturated. Scarlet (#FF2400) and Crimson (#DC143C) are similar colors often confused. They differ in brightness, saturation, and undertone, making each better suited for different design contexts.
Is scarlet darker than crimson?+
No. Crimson is the darker of the two at 47% lightness, while Scarlet sits higher at 50%.
Are scarlet and crimson the same color?+
No. Scarlet is #FF2400 and Crimson is #DC143C. They differ by 20° in hue, 3% in lightness, and 17% in saturation.
Which is more saturated, scarlet or crimson?+
Scarlet is more saturated. In HSL, Scarlet has 100% saturation and Crimson has 83% — Scarlet is the more vivid of the two, while Crimson reads as more muted.
Is scarlet warm or cool?+
Scarlet (#FF2400) is a warm red. Its hue sits at 8° on the color wheel, which places it in the warm range.
Is crimson warm or cool?+
Crimson (#DC143C) is a warm red. Its hue sits at 348° on the color wheel, which places it in the warm range.
Can you use scarlet and crimson together?+
Yes. Both scarlet and crimson are red shades, so they pair naturally in a monochromatic palette. Use crimson as the dominant color and scarlet as the accent or highlight.
What color family does scarlet belong to?+
Scarlet belongs to the red family. Its HSL is 8°, 100%, 50% — a warm tone within the broader red group.
What is the hex code for scarlet?+
The hex code for Scarlet is #FF2400. In RGB, that's rgb(255, 36, 0), and in HSL it's hsl(8, 100%, 50%).
What is the hex code for crimson?+
The hex code for Crimson is #DC143C. In RGB, that's rgb(220, 20, 60), and in HSL it's hsl(348, 83%, 47%).