What does the color Crimson mean?

Red

Crimson

#dc143c

#e34363

#ea728a

#f1a1b1

#f8d0d8

#ca2a4a

Meaning

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

History

Crimson is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Crimson (#dc143c) in CSS as color: crimson; or as #dc143c.

Preview

Crimson

#dc143c

Overview

Family: Red

Accessibility on this swatch:

(4.99:1)

Contrast vs white: 4.99:1 · vs black: 4.21:1

Formats

HEX

#dc143c

RGB

rgb(220, 20, 60)

RGBA

rgba(220, 20, 60, 1)

HSL

hsl(348, 83%, 47%)

HSV

hsv(348, 91%, 86%)

LAB

lab(47.04% 70.92 33.6)

LCH

lch(47.04% 78.48 25.35)

OKLAB

oklab(0.5712 0.2084 0.0762)

OKLCH

oklch(0.5712 0.2219 20.08)

XYZ

xyz(30.58, 16.05, 5.76)

CMYK

cmyk(0%, 91%, 73%, 14%)

CSS

color: #dc143c;

CSS variable

--color-dc143c: #dc143c;

SCSS

$color-dc143c: #dc143c;

Tailwind

rose-500

Export

Developer code

:root {
  --crimson-1: #dc143c;
}

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#e34363

#ea728a

#f1a1b1

#f8d0d8

#ca2a4a

#b73f57

#a55565

#926a72

Similar colors

#b22222

#a52a2a

#ff6347

#8b0000

#cd5c5c

#d24914

#e05a29

#f26536

Browse more in the color name library.