# Crimson neon palette

The Crimson neon palette brings together red and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits game interface concepts and stream graphics. Its darkest tone is magenta, and its lightest tone is red.

- Also called: Neon analogous red to magenta linear gradient
- Seed: `kUsowWVU8-tJSvy_t72A`
- Page: https://grabient.com/kUsowWVU8-tJSvy_t72A?steps=10&angle=120
- Drawn as: linear gradient, 10 steps, 120 degrees
- Kinds: vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.2 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 | `#ff664f` | `oklch(70.08% 0.1911 30.94)` | Pickled Salmon | black, 7.2 to 1 |
| 2 | `#ff5f51` | `oklch(69.23% 0.1977 28.04)` | Sunset Orange | black, 6.9 to 1 |
| 3 | `#ff5355` | `oklch(68.04% 0.2080 23.97)` | Fluorescent Red | black, 6.6 to 1 |
| 4 | `#ff4859` | `oklch(66.93% 0.2177 20.37)` | Watermelon | black, 6.3 to 1 |
| 5 | `#ff425c` | `oklch(66.53% 0.2232 18.45)` | Watermelon | black, 6.1 to 1 |
| 6 | `#ff3d5f` | `oklch(66.23% 0.2268 17.00)` | Neon Fuchsia | black, 6 to 1 |
| 7 | `#f83562` | `oklch(64.57% 0.2274 14.03)` | Munch on Melon | black, 5.6 to 1 |
| 8 | `#dd346a` | `oklch(60.08% 0.2060 7.61)` | 1989 Miami Hotline | black, 4.7 to 1 |
| 9 | `#ba346c` | `oklch(54.23% 0.1754 359.67)` | Spicy Purple | white, 5.5 to 1 |
| 10 | `#a13469` | `oklch(50.00% 0.1530 353.95)` | Amaranth Deep Purple | white, 6.5 to 1 |

## CSS

```css
background: linear-gradient(120deg, #ff664f 0.0%, #ff5f51 11.1%, #ff5355 22.2%, #ff4859 33.3%, #ff425c 44.4%, #ff3d5f 55.6%, #f83562 66.7%, #dd346a 77.8%, #ba346c 88.9%, #a13469 100.0%);
background: linear-gradient(120deg in oklch, oklch(70.08% 0.1911 30.94) 0.0%, oklch(69.23% 0.1977 28.04) 11.1%, oklch(68.04% 0.2080 23.97) 22.2%, oklch(66.93% 0.2177 20.37) 33.3%, oklch(66.53% 0.2232 18.45) 44.4%, oklch(66.23% 0.2268 17.00) 55.6%, oklch(64.57% 0.2274 14.03) 66.7%, oklch(60.08% 0.2060 7.61) 77.8%, oklch(54.23% 0.1754 359.67) 88.9%, oklch(50.00% 0.1530 353.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.193 | 30.9 |
| 2 | 0.669 | 0.218 | 20.4 |
| 3 | 0.646 | 0.227 | 14 |
| 4 | 0.5 | 0.153 | -6 |

## In these collections

- [Neon swatches](https://grabient.com/neon-swatches)

## Other forms

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