Crimson hex code
The hex code for crimson is #DC143C. In RGB that is rgb(220, 20, 60) and in HSL it is hsl(348, 83%, 47%).
The hex code for crimson is #DC143C. In RGB that is rgb(220, 20, 60) and in HSL it is hsl(348, 83%, 47%).
Crimson · #DC143C
Colour codes
- HEX
- #DC143C
- RGB
- rgb(220, 20, 60)
- HSL
- hsl(348, 83%, 47%)
- CMYK
- 0, 91, 73, 14
- CSS name
- crimson
- Contrast on white
- 4.99:1
- Contrast on black
- 4.21:1
Tints and shades
20% lighter · #e34363
40% lighter · #ea728a
60% lighter · #f1a1b1
80% lighter · #f8d0d8
20% darker · #b01030
40% darker · #840c24
60% darker · #580818
80% darker · #2c040c
Complementary colour
Crimson · #DC143C
Opposite on the colour wheel · #14dbb4
Frequently asked questions
What is the hex code for crimson?
The hex code for crimson is #DC143C. In RGB that is rgb(220, 20, 60) and in HSL it is hsl(348, 83%, 47%).
Can I use crimson for text?
It has a contrast ratio of 4.99:1 on white and 4.21:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with crimson?
Its complementary colour, opposite on the colour wheel, is #14DBB4. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of crimson instead.
Is crimson a CSS colour name?
Yes. CSS accepts the keyword crimson, so color: crimson and color: #DC143C render exactly the same.