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.
Palette built around Crimson
Related colors
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.