# Crimson red palette

The Crimson red palette brings together red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the red color family.

- Also called: Analogous red and brown linear swatches
- Seed: `kSkKcRO8A_64Yvw`
- Page: https://grabient.com/kSkKcRO8A_64Yvw?style=linearSwatches&steps=10&angle=180
- Drawn as: linear swatches, 10 steps, 180 degrees
- Kinds: vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.1 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#de002a` | `oklch(56.70% 0.2293 23.92)` | Untamed Red | white, 5 to 1 |
| 2 | `#d60127` | `oklch(55.18% 0.2228 24.05)` | Cardinal Rage | white, 5.4 to 1 |
| 3 | `#ca0524` | `oklch(53.04% 0.2129 24.31)` | Rare Rhubarb | white, 5.8 to 1 |
| 4 | `#bd0b22` | `oklch(50.55% 0.2004 24.45)` | Shēn Hóng Red | white, 6.5 to 1 |
| 5 | `#ae1222` | `oklch(48.03% 0.1851 24.23)` | Mammary Red | white, 7.2 to 1 |
| 6 | `#9f1b26` | `oklch(45.65% 0.1661 23.37)` | Cut Ruby | white, 7.9 to 1 |
| 7 | `#8d232b` | `oklch(42.97% 0.1401 21.71)` | Old Mandarin | white, 8.7 to 1 |
| 8 | `#79292f` | `oklch(40.26% 0.1115 19.70)` | Chocolate Bhut Jolokia | white, 9.6 to 1 |
| 9 | `#682d31` | `oklch(37.88% 0.0855 17.80)` | Voluptuous | white, 10.5 to 1 |
| 10 | `#5c2e31` | `oklch(36.22% 0.0675 16.51)` | Dubonnet | white, 11.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #de002a 0.000% 10.000%, #d60127 10.000% 20.000%, #ca0524 20.000% 30.000%, #bd0b22 30.000% 40.000%, #ae1222 40.000% 50.000%, #9f1b26 50.000% 60.000%, #8d232b 60.000% 70.000%, #79292f 70.000% 80.000%, #682d31 80.000% 90.000%, #5c2e31 90.000% 100.000%);
background: linear-gradient(180deg, oklch(56.70% 0.2293 23.92) 0.000% 10.000%, oklch(55.18% 0.2228 24.05) 10.000% 20.000%, oklch(53.04% 0.2129 24.31) 20.000% 30.000%, oklch(50.55% 0.2004 24.45) 30.000% 40.000%, oklch(48.03% 0.1851 24.23) 40.000% 50.000%, oklch(45.65% 0.1661 23.37) 50.000% 60.000%, oklch(42.97% 0.1401 21.71) 60.000% 70.000%, oklch(40.26% 0.1115 19.70) 70.000% 80.000%, oklch(37.88% 0.0855 17.80) 80.000% 90.000%, oklch(36.22% 0.0675 16.51) 90.000% 100.000%);
```

## Keyframes

3 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.23 | 23.9 |
| 2 | 0.469 | 0.176 | 23.9 |
| 3 | 0.362 | 0.068 | 16.5 |

## In these collections

- [Red swatches](https://grabient.com/red-swatches)

## Other forms

- [JSON](https://grabient.com/kSkKcRO8A_64Yvw.json?style=linearSwatches&steps=10&angle=180)
- [PNG](https://grabient.com/kSkKcRO8A_64Yvw.png?style=linearSwatches&steps=10&angle=180)
- [SVG](https://grabient.com/kSkKcRO8A_64Yvw.svg?style=linearSwatches&steps=10&angle=180)
- [CSS](https://grabient.com/kSkKcRO8A_64Yvw.css?style=linearSwatches&steps=10&angle=180)
- [ASE](https://grabient.com/kSkKcRO8A_64Yvw.ase?style=linearSwatches&steps=10&angle=180)
- [GPL](https://grabient.com/kSkKcRO8A_64Yvw.gpl?style=linearSwatches&steps=10&angle=180)
- [GRD](https://grabient.com/kSkKcRO8A_64Yvw.grd?style=linearSwatches&steps=10&angle=180)
- [Design tokens](https://grabient.com/kSkKcRO8A_64Yvw.tokens.json?style=linearSwatches&steps=10&angle=180)
- [Social card](https://grabient.com/api/og?seed=kSkKcRO8A_64Yvw&style=linearSwatches&steps=10&angle=180)
- [Palettes like this one](https://grabient.com/palettes?q=kSkKcRO8A_64Yvw)
- [Guide for agents](https://grabient.com/llms.txt)