# Crimson red palette

The Crimson red palette brings together red and orange. 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: Neon analogous red to orange radial gradient
- Seed: `kWgYQUS03ANJRQFSRUCR7k_w`
- Page: https://grabient.com/kWgYQUS03ANJRQFSRUCR7k_w?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: vivid, neon, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.8 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 | `#b72620` | `oklch(50.79% 0.1819 28.13)` | Upset Tomato | white, 6.3 to 1 |
| 2 | `#ba2620` | `oklch(51.47% 0.1846 28.29)` | Red Rider | white, 6.1 to 1 |
| 3 | `#bf2720` | `oklch(52.40% 0.1884 28.49)` | Cherry Pie | white, 5.9 to 1 |
| 4 | `#c42820` | `oklch(53.51% 0.1929 28.74)` | Minestrone | white, 5.6 to 1 |
| 5 | `#cb2a20` | `oklch(54.73% 0.1978 29.02)` | Red Mist | white, 5.4 to 1 |
| 6 | `#d12b1f` | `oklch(55.99% 0.2027 29.32)` | Pure Red | white, 5.1 to 1 |
| 7 | `#d72d1f` | `oklch(57.21% 0.2073 29.65)` | Run Lola Run | white, 4.9 to 1 |
| 8 | `#dd2f1e` | `oklch(58.33% 0.2113 29.98)` | Shōjōhi Red | white, 4.6 to 1 |
| 9 | `#e1301e` | `oklch(59.28% 0.2142 30.32)` | Devilish | black, 4.6 to 1 |
| 10 | `#e5321d` | `oklch(60.16% 0.2169 30.67)` | Satan | black, 4.8 to 1 |
| 11 | `#e9341d` | `oklch(61.02% 0.2193 31.02)` | Thermic Orange | black, 4.9 to 1 |
| 12 | `#ed361c` | `oklch(61.84% 0.2214 31.39)` | Arcade Fire | black, 5.1 to 1 |
| 13 | `#f1391b` | `oklch(62.61% 0.2230 31.77)` | Orangish Red | black, 5.3 to 1 |
| 14 | `#f33b1a` | `oklch(63.29% 0.2241 32.19)` | Orangish Red | black, 5.4 to 1 |
| 15 | `#f63e1a` | `oklch(63.89% 0.2244 32.65)` | Metroid Red | black, 5.6 to 1 |
| 16 | `#f74019` | `oklch(64.37% 0.2239 33.14)` | Chéng Hóng Sè Orange | black, 5.7 to 1 |
| 17 | `#f84319` | `oklch(64.74% 0.2223 33.70)` | Chéng Hóng Sè Orange | black, 5.8 to 1 |
| 18 | `#f84719` | `oklch(65.04% 0.2195 34.39)` | Reddish Orange | black, 5.8 to 1 |
| 19 | `#f74b1a` | `oklch(65.27% 0.2157 35.18)` | Reddish Orange | black, 5.9 to 1 |
| 20 | `#f54f1b` | `oklch(65.40% 0.2112 36.01)` | Exotic Orange | black, 6 to 1 |
| 21 | `#f3521d` | `oklch(65.43% 0.2062 36.82)` | Fiery Glow | black, 6 to 1 |
| 22 | `#f1551e` | `oklch(65.34% 0.2010 37.56)` | Fiery Glow | black, 6 to 1 |
| 23 | `#ed5720` | `oklch(65.10% 0.1960 38.18)` | Tilted Pinball | black, 5.9 to 1 |
| 24 | `#ea5822` | `oklch(64.69% 0.1912 38.62)` | Furious Tiger | black, 5.9 to 1 |
| 25 | `#e65823` | `oklch(64.06% 0.1868 38.84)` | Tingle | black, 5.7 to 1 |
| 26 | `#e05724` | `oklch(63.10% 0.1820 38.86)` | Flame | black, 5.5 to 1 |
| 27 | `#da5525` | `oklch(61.91% 0.1771 38.74)` | Lāl Red | black, 5.3 to 1 |
| 28 | `#d45326` | `oklch(60.60% 0.1722 38.53)` | Obstinate Orange | black, 5 to 1 |
| 29 | `#cd5126` | `oklch(59.28% 0.1675 38.26)` | Rusty Nail | black, 4.7 to 1 |
| 30 | `#c74e26` | `oklch(58.05% 0.1633 37.99)` | Trinidad | white, 4.5 to 1 |
| 31 | `#c24d26` | `oklch(57.02% 0.1597 37.77)` | Red Panda | white, 4.7 to 1 |
| 32 | `#bf4b26` | `oklch(56.30% 0.1571 37.64)` | Red Panda | white, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b72620 0.0%, #ba2620 3.2%, #bf2720 6.5%, #c42820 9.7%, #cb2a20 12.9%, #d12b1f 16.1%, #d72d1f 19.4%, #dd2f1e 22.6%, #e1301e 25.8%, #e5321d 29.0%, #e9341d 32.3%, #ed361c 35.5%, #f1391b 38.7%, #f33b1a 41.9%, #f63e1a 45.2%, #f74019 48.4%, #f84319 51.6%, #f84719 54.8%, #f74b1a 58.1%, #f54f1b 61.3%, #f3521d 64.5%, #f1551e 67.7%, #ed5720 71.0%, #ea5822 74.2%, #e65823 77.4%, #e05724 80.6%, #da5525 83.9%, #d45326 87.1%, #cd5126 90.3%, #c74e26 93.5%, #c24d26 96.8%, #bf4b26 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(50.79% 0.1819 28.13) 0.0%, oklch(51.47% 0.1846 28.29) 3.2%, oklch(52.40% 0.1884 28.49) 6.5%, oklch(53.51% 0.1929 28.74) 9.7%, oklch(54.73% 0.1978 29.02) 12.9%, oklch(55.99% 0.2027 29.32) 16.1%, oklch(57.21% 0.2073 29.65) 19.4%, oklch(58.33% 0.2113 29.98) 22.6%, oklch(59.28% 0.2142 30.32) 25.8%, oklch(60.16% 0.2169 30.67) 29.0%, oklch(61.02% 0.2193 31.02) 32.3%, oklch(61.84% 0.2214 31.39) 35.5%, oklch(62.61% 0.2230 31.77) 38.7%, oklch(63.29% 0.2241 32.19) 41.9%, oklch(63.89% 0.2244 32.65) 45.2%, oklch(64.37% 0.2239 33.14) 48.4%, oklch(64.74% 0.2223 33.70) 51.6%, oklch(65.04% 0.2195 34.39) 54.8%, oklch(65.27% 0.2157 35.18) 58.1%, oklch(65.40% 0.2112 36.01) 61.3%, oklch(65.43% 0.2062 36.82) 64.5%, oklch(65.34% 0.2010 37.56) 67.7%, oklch(65.10% 0.1960 38.18) 71.0%, oklch(64.69% 0.1912 38.62) 74.2%, oklch(64.06% 0.1868 38.84) 77.4%, oklch(63.10% 0.1820 38.86) 80.6%, oklch(61.91% 0.1771 38.74) 83.9%, oklch(60.60% 0.1722 38.53) 87.1%, oklch(59.28% 0.1675 38.26) 90.3%, oklch(58.05% 0.1633 37.99) 93.5%, oklch(57.02% 0.1597 37.77) 96.8%, oklch(56.30% 0.1571 37.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.182 | 28.1 |
| 2 | 0.591 | 0.214 | 30.2 |
| 3 | 0.646 | 0.223 | 33.4 |
| 4 | 0.646 | 0.19 | 38.7 |
| 5 | 0.563 | 0.157 | 37.6 |

## In these collections

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

## Other forms

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