UI Shades

A study in red

Crimson

#DC143C

Family
Red
L
0.571
C
0.222
H
20°

Notes

Crimson is a deep, slightly blue-leaning red with strong cultural weight, historically associated with royalty, academia, and ceremony. The CSS value is darker and richer than pure red, which makes it a more legible choice for buttons and links because contrast against white holds up at small sizes. As a primary action color it suits brands that need gravitas rather than urgency. Cream, deep navy, and warm gold all sit well alongside, and it reads especially well in long-form editorial layouts. Body text in Crimson against white passes AA comfortably at every size and is one of the more accessible saturated reds in the spec.

#dc143c
Crimson
Crimson
#dc143c
oklch(0.571 0.222 20.09)
rgb(220 20 60)
hsl(348 83.3% 47.1%)
Share
#fff3f2
#ffebe9
#ffd6d4
#ffbcbb
#ff8689
#f4384f
#dc143c
#b80026
#890018
#61000c
#390003

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Crimson

Cross-reference
Q&A

Frequently asked questions

What is Crimson?

Crimson is a deep, slightly blue-leaning red with strong cultural weight, historically associated with royalty, academia, and ceremony. The CSS value is darker and richer than pure red, which makes it a more legible choice for buttons and links because contrast against white holds up at small sizes. Its hex code is #DC143C.

What are the tints and shades of Crimson?

uishades builds an 11-step OKLCH ramp for Crimson (#DC143C) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Crimson?

Its complementary color is #008B93. Triadic partners are #009300 and #126DF7; analogous neighbours are #C44E00 and #CE1F89.

What are the OKLCH and RGB values of Crimson?

Crimson is #DC143C - OKLCH 0.571 0.222 20°, rgb(220 20 60), in the red family.