# Crimson Color (#DC143C)

> Crimson is a CSS named color defined as hex code #DC143C.

- **URL**: https://swatchatlas.com/colors/crimson/
- **Language**: English (en)
- **CSS Name**: `crimson`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #DC143C
- **RGB**: rgb(220, 20, 60)
- **HSL**: hsl(348, 83%, 47%)
- **HSV/HSB**: hsv(348, 91%, 86%)
- **CMYK**: cmyk(0%, 91%, 73%, 14%) (digital approximation, non-print)
- **OKLCH**: oklch(0.571 0.222 20.1)

## What Colors Go With Crimson
Contrast is each color on Crimson (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 4.99:1, text-safe. The natural text color on crimson buttons and banners.
- **Black (#000000)**: 4.21:1, background or accent. A dramatic, high-contrast partner for editorial and sports layouts.
- **Gold (#FFD700)**: 3.56:1, background or accent. A rich, regal accent for crests, borders and headlines.
- **Light Gray (#D3D3D3)**: 3.33:1, background or accent. A cool neutral that calms the intensity of crimson.
- **Ivory (#FFFFF0)**: 4.95:1, text-safe. A warm off-white for backgrounds around crimson elements.
- **Navy (#000080)**: 3.21:1, background or accent. A deep blue that makes crimson feel formal and traditional.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Crimson**: 4.21:1 (Passes AA for large text only)
- **Pure White (#FFFFFF) text on Crimson**: 4.99:1 (Passes AA for all text; AAA for large text only)
- **Dark Charcoal (#212529) text on Crimson**: 3.09:1 (Passes AA for large text only)
- **Mid Gray (#666666) text on Crimson**: 1.15:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Crimson?
Only for large text. Black text on Crimson has a WCAG 2.2 contrast ratio of 4.21:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### Can I use white text on Crimson?
Yes. White text on Crimson has a WCAG 2.2 contrast ratio of 4.99:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### What colors go with Crimson?
White, Black, Gold, Light Gray, Ivory and Navy all go well with Crimson. White (4.99:1) and Ivory (4.95:1) have enough contrast for text on Crimson; Black, Gold, Light Gray and Navy work better as a background or accent.

### What is the difference between crimson and red?
Crimson (#DC143C) is slightly darker than red (#FF0000) and leans toward pink, with a hue of 348° against 0° for pure red. Pure red has no green or blue at all, while crimson carries a little of both.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/crimson-1920x1080.png