# Rose, magenta and near-black cyberpunk palette

The Rose, magenta and near-black cyberpunk palette brings together magenta, dark magenta, and dark purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark purple, and its lightest tone is magenta.

- Also called: Analogous pink, purple and black radial gradient
- Seed: `kYqrz5VOe-8jav6ywD8nJ6_BAMvs`
- Page: https://grabient.com/kYqrz5VOe-8jav6ywD8nJ6_BAMvs?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.9 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 | `#fe2aaa` | `oklch(66.93% 0.2591 350.16)` | Persian Rose | black, 6.1 to 1 |
| 2 | `#fe27ae` | `oklch(66.99% 0.2625 349.20)` | Spicy Pink | black, 6.1 to 1 |
| 3 | `#ff23b2` | `oklch(67.15% 0.2677 347.83)` | Spicy Pink | black, 6.1 to 1 |
| 4 | `#ff22b8` | `oklch(67.31% 0.2713 346.23)` | Bubblegum Bright | black, 6.1 to 1 |
| 5 | `#ff1cbd` | `oklch(67.36% 0.2766 344.57)` | Brutal Pink | black, 6.1 to 1 |
| 6 | `#ff0fc2` | `oklch(67.19% 0.2837 343.07)` | CGA Pink | black, 6 to 1 |
| 7 | `#fc07c4` | `oklch(66.69% 0.2853 341.88)` | CGA Pink | black, 5.9 to 1 |
| 8 | `#f702c3` | `oklch(65.82% 0.2839 341.15)` | Mademoiselle Pink | black, 5.7 to 1 |
| 9 | `#f200c0` | `oklch(64.70% 0.2801 340.75)` | Mademoiselle Pink | black, 5.5 to 1 |
| 10 | `#eb00bb` | `oklch(63.33% 0.2745 340.56)` | Kriss Me Not Fuchsia | black, 5.2 to 1 |
| 11 | `#e300b5` | `oklch(61.74% 0.2677 340.42)` | Aphroditean Fuchsia | black, 4.9 to 1 |
| 12 | `#da00ae` | `oklch(59.94% 0.2601 340.23)` | Aphroditean Fuchsia | black, 4.5 to 1 |
| 13 | `#d000a8` | `oklch(57.94% 0.2519 339.83)` | Perfectly Purple Place | white, 4.9 to 1 |
| 14 | `#c500a1` | `oklch(55.73% 0.2430 339.15)` | Jealous Jellyfish | white, 5.4 to 1 |
| 15 | `#b80099` | `oklch(53.18% 0.2329 338.28)` | Jealous Jellyfish | white, 5.9 to 1 |
| 16 | `#ab0090` | `oklch(50.39% 0.2217 337.28)` | Blissful Berry | white, 6.7 to 1 |
| 17 | `#9d0087` | `oklch(47.44% 0.2098 336.20)` | Vanishing Night | white, 7.5 to 1 |
| 18 | `#8f007d` | `oklch(44.43% 0.1975 335.06)` | Royal Purpleness | white, 8.5 to 1 |
| 19 | `#810174` | `oklch(41.47% 0.1844 333.92)` | Patriarch | white, 9.6 to 1 |
| 20 | `#74036a` | `oklch(38.63% 0.1709 332.80)` | Liche Purple | white, 10.7 to 1 |
| 21 | `#660660` | `oklch(35.70% 0.1560 331.69)` | Amygdala Purple | white, 11.9 to 1 |
| 22 | `#590755` | `oklch(32.71% 0.1401 330.56)` | Cosmic Explorer | white, 13.2 to 1 |
| 23 | `#4c094a` | `oklch(29.76% 0.1239 329.39)` | Christmas Purple | white, 14.5 to 1 |
| 24 | `#400940` | `oklch(26.92% 0.1083 328.18)` | Eggplant | white, 15.7 to 1 |
| 25 | `#350937` | `oklch(24.31% 0.0940 326.92)` | Cured Eggplant | white, 16.8 to 1 |
| 26 | `#2c082f` | `oklch(22.01% 0.0818 325.57)` | Globe Thistle | white, 17.7 to 1 |
| 27 | `#240727` | `oklch(19.92% 0.0710 324.00)` | Black Sabbath | white, 18.4 to 1 |
| 28 | `#1d0621` | `oklch(18.00% 0.0613 322.25)` | Meški Black | white, 19 to 1 |
| 29 | `#17051b` | `oklch(16.27% 0.0527 320.46)` | Crow | white, 19.5 to 1 |
| 30 | `#120417` | `oklch(14.78% 0.0453 318.78)` | Election Night | white, 19.8 to 1 |
| 31 | `#0e0412` | `oklch(13.55% 0.0392 317.36)` | Not Tonight | white, 20.1 to 1 |
| 32 | `#0c030f` | `oklch(12.60% 0.0344 316.34)` | Broken Tube | white, 20.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fe2aaa 0.0%, #fe27ae 3.2%, #ff23b2 6.5%, #ff22b8 9.7%, #ff1cbd 12.9%, #ff0fc2 16.1%, #fc07c4 19.4%, #f702c3 22.6%, #f200c0 25.8%, #eb00bb 29.0%, #e300b5 32.3%, #da00ae 35.5%, #d000a8 38.7%, #c500a1 41.9%, #b80099 45.2%, #ab0090 48.4%, #9d0087 51.6%, #8f007d 54.8%, #810174 58.1%, #74036a 61.3%, #660660 64.5%, #590755 67.7%, #4c094a 71.0%, #400940 74.2%, #350937 77.4%, #2c082f 80.6%, #240727 83.9%, #1d0621 87.1%, #17051b 90.3%, #120417 93.5%, #0e0412 96.8%, #0c030f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.93% 0.2591 350.16) 0.0%, oklch(66.99% 0.2625 349.20) 3.2%, oklch(67.15% 0.2677 347.83) 6.5%, oklch(67.31% 0.2713 346.23) 9.7%, oklch(67.36% 0.2766 344.57) 12.9%, oklch(67.19% 0.2837 343.07) 16.1%, oklch(66.69% 0.2853 341.88) 19.4%, oklch(65.82% 0.2839 341.15) 22.6%, oklch(64.70% 0.2801 340.75) 25.8%, oklch(63.33% 0.2745 340.56) 29.0%, oklch(61.74% 0.2677 340.42) 32.3%, oklch(59.94% 0.2601 340.23) 35.5%, oklch(57.94% 0.2519 339.83) 38.7%, oklch(55.73% 0.2430 339.15) 41.9%, oklch(53.18% 0.2329 338.28) 45.2%, oklch(50.39% 0.2217 337.28) 48.4%, oklch(47.44% 0.2098 336.20) 51.6%, oklch(44.43% 0.1975 335.06) 54.8%, oklch(41.47% 0.1844 333.92) 58.1%, oklch(38.63% 0.1709 332.80) 61.3%, oklch(35.70% 0.1560 331.69) 64.5%, oklch(32.71% 0.1401 330.56) 67.7%, oklch(29.76% 0.1239 329.39) 71.0%, oklch(26.92% 0.1083 328.18) 74.2%, oklch(24.31% 0.0940 326.92) 77.4%, oklch(22.01% 0.0818 325.57) 80.6%, oklch(19.92% 0.0710 324.00) 83.9%, oklch(18.00% 0.0613 322.25) 87.1%, oklch(16.27% 0.0527 320.46) 90.3%, oklch(14.78% 0.0453 318.78) 93.5%, oklch(13.55% 0.0392 317.36) 96.8%, oklch(12.60% 0.0344 316.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.259 | 350.2 |
| 2 | 0.665 | 0.285 | 341.7 |
| 3 | 0.571 | 0.249 | 339.6 |
| 4 | 0.398 | 0.176 | 333.2 |
| 5 | 0.224 | 0.084 | 325.9 |
| 6 | 0.126 | 0.034 | 316.3 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)

## Other forms

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