Skip to content

Crimson #dc143c

Red, after it learned manners.

RGB
220, 20, 60
HSL
348°, 83%, 47%
CMYK
0, 91, 73, 14
Luminance
0.1604

About Crimson

Crimson, #dc143c, is red with a whisper of blue — deeper, richer and more deliberate than the shout of #ff0000. It is the red of velvet, academia and old flags: intensity that reads as quality rather than alarm.

History

The word descends from kermes, the scale insect whose crushed bodies dyed the robes of cardinals and kings; cochineal later delivered the same red for less. Harvard adopted crimson from two students’ scarves in 1858 — sports teams have bled it since.

Psychology

Crimson carries red’s passion at a lower temperature: romance over urgency, prestige over alarm. Deep reds are consistently rated more luxurious than bright ones — the difference between a sports car and a fire truck.

In design

Crimson is red’s text-safe cousin: #dc143c reaches 5.9:1 on white — AA-passing where pure red fails. It anchors luxury, editorial and academic identities, pairs with cream and gold classically, and with charcoal for modern drama.

In culture

Crimson tide, crimson robes, battle-crimsoned fields: the literary red. It is the color English reaches for when red must feel consequential.

Brands that own crimson

Shades of crimson

Every format

HEX#dc143c
RGBrgb(220, 20, 60)
HSLhsl(348, 83%, 47%)
CMYKcmyk(0%, 91%, 73%, 14%)
LABlab(47.0 70.9 33.6)
LCHlch(47.0 78.5 25.4)
OKLCHoklch(0.571 0.222 20.1)

Copy-ready code

/* CSS */
color: #dc143c;
background-color: #dc143c;
/* Tailwind (arbitrary) */
class="text-[#dc143c] bg-[#dc143c]"
/* SCSS */
$brand: #dc143c;
/* SwiftUI */
Color(red: 0.863, green: 0.078, blue: 0.235)
/* Android */
Color.parseColor("#dc143c")

Accessibility — WCAG contrast

Aa
#dc143c on white: 4.99:1
AA ✓ pass · AA-large · AAA
Aa
#dc143c on black: 4.21:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red86.3%
Green7.8%
Blue23.5%

CMYK percentages

Cyan0.0%
Magenta90.9%
Yellow72.7%
Key (black)13.7%

Color previews

#dc143c text on a black background

contrast 4.21:1

Card sample

#dc143c text on a white background

contrast 4.99:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #dc143c;
Background color
Panel with #dc143c background
background-color: #dc143c;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #dc143c;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(220, 20, 60, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(220, 20, 60, 0.45);
Border & gradient
Gradient panel
border: 3px solid #dc143c;
background: linear-gradient(135deg, #dc143c, #DC7114);

Monochromatic scale

Palettes built from #dc143c

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Crimson, answered

What is the hex code for crimson?

CSS crimson is #dc143c — rgb(220, 20, 60). Deeper heritage crimsons like Harvard’s sit near #a51c30.

Crimson vs red — what’s the difference?

Crimson leans slightly blue and darker, trading red’s urgency for depth and prestige. Practically: crimson passes WCAG AA as text on white; pure red does not.

What colors pair with crimson?

Cream, gold and forest green for heritage looks; charcoal and slate for modern editorial; blush pink for romance.

Work with #dc143c in the Color Lab