What color is #DC143C?

#DC143C is a medium, vivid red — rgb(220, 20, 60). It is exactly the CSS named color crimson.

How do I make tints and shades of #DC143C?

Mix #DC143C with white for tints and with black for shades. A 20% tint of #DC143C is #e34363 and a 20% shade is #b01030; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #DC143C?

White text gives the strongest contrast on a #DC143C background at 4.99:1, which passes WCAG AA for normal text but not AAA.

#DC143C — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#DC143C

#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.

Want to fine-tune this color interactively? Open #DC143C in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

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. Test any other pair with the free contrast checker.

More red colors in the library: #C0392B, #E11D48 (rose-600), #FF0000, #DC2626 (red-600), #B91C1C (red-700), #BE123C (rose-700).

Frequently Asked Questions

What color is #DC143C?

#DC143C is a medium, vivid red — rgb(220, 20, 60). It is exactly the CSS named color crimson.
How do I make tints and shades of #DC143C?

Mix #DC143C with white for tints and with black for shades. A 20% tint of #DC143C is #e34363 and a 20% shade is #b01030 — the full 10%–90% ramps are precomputed on this page, or open #DC143C in the generator for finer steps.
What text color is readable on #DC143C?

White text gives the strongest contrast on a #DC143C background at 4.99:1, which passes WCAG AA for normal text but not AAA.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #DC143C? Put it on a free link-in-bio page →