#DC143C — Tints, Shades & Color Values
#DC143C is a medium, vivid red. It is exactly the CSS named color crimson. For readable text on a #DC143C background, white text gives the strongest contrast (4.99:1). #DC143C sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.
Color Values
| Hex | #DC143C |
|---|---|
| RGB | rgb(220, 20, 60) |
| HSL | hsl(348, 83%, 47%) |
| HSV / HSB | 348°, 91%, 86% |
| Nearest named | crimson (#dc143c) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #DC143C (Mixed with White)
Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.
-
10% tint
#e02c50 -
20% tint
#e34363 -
30% tint
#e75b77 -
40% tint
#ea728a -
50% tint
#ee8a9e -
60% tint
#f1a1b1 -
70% tint
#f5b9c5 -
80% tint
#f8d0d8 -
90% tint
#fce8ec
Shades of #DC143C (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#c61236 -
20% shade
#b01030 -
30% shade
#9a0e2a -
40% shade
#840c24 -
50% shade
#6e0a1e -
60% shade
#580818 -
70% shade
#420612 -
80% shade
#2c040c -
90% shade
#160206
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #DC143C background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).
| Text color | White text 4.99:1 — AA normal: Pass · AA large: Pass · AAA: Fail |
|---|---|
| Black text 4.21:1 — AA normal: Fail · AA large: Pass · AAA: Fail |
If neither pure white nor pure black reaches the level you need, pick a lighter tint of #DC143C from the ramps above as the background instead — small lightness moves change contrast quickly.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.