crimson — #DC143C
#DC143C
rgb(220, 20, 60) · hsl(348, 83%, 47%) · CSS keyword crimson
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| crimson on white | 4.99:1 | AA | AA |
| crimson on black | 4.21:1 | — | AA |
As a background, crimson takes white text: 4.99:1 against 4.21:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Where the name comes from
From the kermes insect, whose dried bodies produced the dye. The Arabic qirmiz gives both the insect and the colour their name.
Using it
color: crimson;
color: #dc143c;
color: rgb(220 20 60);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to crimson
- mediumvioletred — #C71585
- firebrick — #B22222
- red — #FF0000
- deeppink — #FF1493
- brown — #A52A2A
- orangered — #FF4500
Frequently asked questions
What is the hex code for crimson?
The hex code for crimson is #DC143C — RGB 220, 20, 60.
Can I use crimson for text?
Yes. crimson reaches 4.99:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on crimson be black or white?
White — 4.99:1 against 4.21:1 the other way.
Other named colours
- cyan — #00FFFF
- darkblue — #00008B
- darkcyan — #008B8B
- darkgoldenrod — #B8860B
- darkgray — #A9A9A9
- darkgreen — #006400
- darkkhaki — #BDB76B
- darkmagenta — #8B008B
- darkolivegreen — #556B2F
- darkorange — #FF8C00
- darkorchid — #9932CC
- darkred — #8B0000
#DC143C in full — tints, shades and harmonies · All named colours · Colour reference