- No data uploaded
- Instant results
Crimson — #DC143C
Crimson is the CSS named colour crimson, hex #DC143C. It has a contrast ratio of 4.99:1 on white and 4.21:1 on black — readable as text on white backgrounds (WCAG AA).
Crimson — #DC143C
Contrast on white 4.99:1 · on black 4.21:1
Tints
Shades
Complementary
Triadic
Analogous
Using Crimson in code
CSS: color: crimson; or color: #DC143C; · Tailwind: text-[#DC143C] · Android/Flutter: 0xFFDC143C
Crimson colour harmonies
Complementary: #14DCB4 · Triadic: #3CDC14, #143CDC · Analogous: #DC14A0, #DC5014. Use tints for backgrounds and shades for hover states.
Crimson in every colour format
| Format | Value |
|---|---|
| HEX | #DC143C |
| RGB | rgb(220, 20, 60) |
| HSL | hsl(348, 83%, 47%) |
| HSV | hsv(348, 91%, 86%) |
| CMYK | cmyk(0%, 91%, 73%, 14%) |
| CSS name | crimson |
| Contrast on white | 4.99:1 |
| Contrast on black | 4.21:1 |
Frequently asked questions
What is the hex code for Crimson?
#DC143C (CSS name: crimson).
What is Crimson in RGB?
rgb(220, 20, 60)
What colour goes well with Crimson?
Its complementary colour #14DCB4, or the analogous #DC14A0 and #DC5014.