Crimson in one line
Crimson is a strong red with a slight lean toward blue. The CSS keyword crimson is #DC143C, or rgb(220, 20, 60). Compared with pure red (#FF0000) it is a little darker and cooler; compared with burgundy it is much brighter.
Where the name comes from
The word traces back through Old Spanish and Arabic to qirmiz, the kermes insect, which was crushed to make red dye. Later, cochineal insects from the Americas gave an even stronger crimson and became one of the most valuable exports of the Spanish empire.
Crimson in use
- University and sports colors: many schools use crimson with white, gray or gold.
- Branding: crimson feels confident and premium, less aggressive than pure red.
- Interfaces: white text on #DC143C reaches about 5:1, enough for normal text at WCAG AA.
Pairings
Crimson pairs with charcoal and white for a classic look, with navy for a collegiate feel, with gold for ceremony, and with soft pink for a tonal palette. The complementary accent above shows the teal-green that sits opposite crimson.
For the wider family, see shades of red. Deeper versions live on dark colors, and complementary colors finds exact opposites for any code.