crimson

#DC143C

CSS color

Overview

Crimson is a strong, slightly bluish red, rgb(220, 20, 60) at hex #DC143C. A high red channel with a small blue component pulls its hue to 348 degrees — just short of pure red — at high saturation and brightness. One of the extended CSS3 named colors, crimson is deeper and cooler than the red keyword, a rich tone historically associated with a dye of the same name. Its intensity and depth make it a bold accent for emphasis and headings, holding firm contrast against light backgrounds while feeling more refined than flat red. Its bluish lean separates it from the pure red keyword, and against pale backgrounds it delivers strong, refined contrast well suited to emphasis and headings.

Crimson (#DC143C) is a bold, deep red CSS named color with strong blue undertones, historically associated with the dye produced from scale insects like kermes and cochineal. It is richer and more complex than pure red, evoking the color of fresh blood, cardinal robes, and Harvard University. Crimson communicates power, passion, and urgency with sophistication.

On this page

Farbwerte

HEX

#DC143C

RGB

220, 20, 60

HSL

348,0, 83,3%, 47,1%

HSV

348,0, 90,9%, 86,3%

CMYK

0,0%, 90,9%, 72,7%, 13,7%

OKLCH

0,5712 0,2219 20,1

Eigenschaften

Farbpsychologie

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

Farbharmonien

Farbenblindheits-Simulation

CSS-Verwendung

background-color: #DC143C;
color: #DC143C;
border-color: #DC143C;
Nächster Tailwind-Farbton: Rose 600 #E11D48

Tailwind-Farbtöne

Kontrastprüfer

Text auf Weiß

4,99:1

AA Pass AAA Fail

Text auf Schwarz

4,21:1

AA Fail AAA Fail

Vergleichen mit

Ähnliche Artikel

Häufig gestellte Fragen

What are the RGB, HSL, and CMYK values of #DC143C?

RGB(220, 20, 60) · HSL(348,0, 83,3%, 47,1%) · CMYK(0,0%, 90,9%, 72,7%, 13,7%)

Does #DC143C meet WCAG contrast on white?

4,99:1 — WCAG AA Bestanden, AAA Nicht bestanden for normal text.

What text color is readable on #DC143C?

Use FFFFFF text on a #DC143C background; contrast on black is 4,21:1.