Crimson color values
| Format | Value |
|---|---|
| Hex | #DC143C |
| RGB | rgb(220, 20, 60) |
| HSL | hsl(348, 83%, 47%) |
| HSV | 348, 91%, 86% |
| CMYK (simple conversion) | 0%, 91%, 73%, 14% |
| Decimal | 14423100 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Crimson
Crimson is a strong, deep red with a slight hint of blue. Universities and sports teams have historically favored it for their official colors. In digital design, it signals urgency, passion, or importance, often appearing in error states or bold headers. It is one of the 148 CSS named colors.
Shades and tints of Crimson
Tints mix Crimson with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #E02C50 | #C61236 |
| 20% | #E34363 | #B01030 |
| 30% | #E75B77 | #9A0E2A |
| 40% | #EA728A | #840C24 |
| 50% | #EE8A9E | #6E0A1E |
Color harmony for Crimson
These colors keep the same saturation and lightness as Crimson and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #14DCB4 |
| Analogous | #DC14A0 #DC5014 |
| Triadic | #3CDC14 #143CDC |
| Split complementary | #14DC50 #14A0DC |
Contrast and accessibility
Contrast between #DC143C and white is 4.99:1 (passes AA). Against black it is 4.21:1 (large text only). For text on a Crimson background, white text is the more readable choice.
Use Crimson in CSS
.element {
color: crimson;
background-color: #DC143C;
border-color: rgb(220 20 60);
outline-color: hsl(348 83% 47%);
}All four lines produce exactly the same color. The keyword crimson is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Crimson?
The hex code for Crimson is #DC143C. As a CSS color keyword you can also write crimson.
What is Crimson in RGB?
Crimson is rgb(220, 20, 60): red 220, green 20, blue 60 on the 0 to 255 scale.
What color is closest to Crimson?
Of the CSS named colors, firebrick (#B22222) is the closest match to Crimson, followed by brown and red.
More colors
- Cornflower Blue: previous page
- Cyan: next page
- CSS named colors: the full list