# Near-black and magenta color palette

The Near-black and magenta color palette brings together dark purple, magenta, and dark magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is magenta.

- Also called: Seamless vivid purple and pink radial gradient
- Seed: `kWJSDc1WTCz_Pv2nL79lZK_4`
- Page: https://grabient.com/kWJSDc1WTCz_Pv2nL79lZK_4?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, seamless
- Hues: monochromatic
- 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 | `#100518` | `oklch(14.57% 0.0441 310.08)` | Not Tonight | white, 19.8 to 1 |
| 2 | `#1e0929` | `oklch(19.26% 0.0649 312.23)` | Meški Black | white, 18.6 to 1 |
| 3 | `#351143` | `oklch(26.07% 0.0948 315.33)` | Purple Door | white, 16 to 1 |
| 4 | `#541962` | `oklch(34.21% 0.1307 319.03)` | Elegant Purple Gown | white, 12.4 to 1 |
| 5 | `#782183` | `oklch(42.89% 0.1690 322.99)` | Hello Darkness My Old Friend | white, 8.9 to 1 |
| 6 | `#9f27a3` | `oklch(51.34% 0.2063 326.88)` | Purple Tone Ink | white, 6.3 to 1 |
| 7 | `#c52abd` | `oklch(58.76% 0.2395 330.35)` | Explosive Purple | white, 4.7 to 1 |
| 8 | `#e22bd0` | `oklch(64.38% 0.2649 333.05)` | Méi Gūi Zǐ Purple | black, 5.5 to 1 |
| 9 | `#f42ad9` | `oklch(67.43% 0.2795 334.68)` | Cupid’s Eye | black, 6.1 to 1 |
| 10 | `#f828db` | `oklch(68.16% 0.2845 335.32)` | Cupid’s Eye | black, 6.3 to 1 |
| 11 | `#f424d7` | `oklch(67.15% 0.2823 335.24)` | Fuchsia | black, 6 to 1 |
| 12 | `#e920d0` | `oklch(64.85% 0.2748 334.63)` | Ferocious Flamingo | black, 5.5 to 1 |
| 13 | `#d91cc5` | `oklch(61.68% 0.2635 333.66)` | Passionate Pink | black, 4.9 to 1 |
| 14 | `#c818b9` | `oklch(58.08% 0.2503 332.53)` | Explosive Purple | white, 4.9 to 1 |
| 15 | `#b614ac` | `oklch(54.47% 0.2366 331.41)` | Rosolanc Purple | white, 5.6 to 1 |
| 16 | `#a811a1` | `oklch(51.29% 0.2243 330.48)` | Magentle | white, 6.4 to 1 |
| 17 | `#9c0f98` | `oklch(48.81% 0.2142 329.88)` | Violet Eggplant | white, 7.1 to 1 |
| 18 | `#910e8e` | `oklch(46.33% 0.2038 329.27)` | Dark Magenta | white, 7.9 to 1 |
| 19 | `#850d84` | `oklch(43.76% 0.1926 328.64)` | Mardi Gras | white, 8.7 to 1 |
| 20 | `#7a0c7a` | `oklch(41.14% 0.1809 328.01)` | Purple | white, 9.7 to 1 |
| 21 | `#6f0b70` | `oklch(38.53% 0.1689 327.40)` | Pure Purple | white, 10.7 to 1 |
| 22 | `#640a66` | `oklch(35.98% 0.1568 326.85)` | Purple Dreamer | white, 11.8 to 1 |
| 23 | `#5a0a5d` | `oklch(33.53% 0.1450 326.37)` | Cosmic Explorer | white, 12.8 to 1 |
| 24 | `#500954` | `oklch(31.25% 0.1336 326.00)` | Beaten Purple | white, 13.8 to 1 |
| 25 | `#48094b` | `oklch(29.10% 0.1225 325.76)` | Alien Purple | white, 14.8 to 1 |
| 26 | `#3f0943` | `oklch(26.95% 0.1107 325.64)` | Eggplant | white, 15.7 to 1 |
| 27 | `#37083a` | `oklch(24.85% 0.0987 325.62)` | Cured Eggplant | white, 16.6 to 1 |
| 28 | `#300832` | `oklch(22.85% 0.0869 325.66)` | Exquisite Eggplant | white, 17.4 to 1 |
| 29 | `#29082a` | `oklch(21.01% 0.0757 325.74)` | Globe Thistle | white, 18 to 1 |
| 30 | `#230724` | `oklch(19.37% 0.0657 325.82)` | Meški Black | white, 18.6 to 1 |
| 31 | `#1e071f` | `oklch(17.99% 0.0573 325.90)` | Meški Black | white, 19 to 1 |
| 32 | `#1a061b` | `oklch(16.93% 0.0510 325.93)` | Crow | white, 19.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #100518 0.0%, #1e0929 3.2%, #351143 6.5%, #541962 9.7%, #782183 12.9%, #9f27a3 16.1%, #c52abd 19.4%, #e22bd0 22.6%, #f42ad9 25.8%, #f828db 29.0%, #f424d7 32.3%, #e920d0 35.5%, #d91cc5 38.7%, #c818b9 41.9%, #b614ac 45.2%, #a811a1 48.4%, #9c0f98 51.6%, #910e8e 54.8%, #850d84 58.1%, #7a0c7a 61.3%, #6f0b70 64.5%, #640a66 67.7%, #5a0a5d 71.0%, #500954 74.2%, #48094b 77.4%, #3f0943 80.6%, #37083a 83.9%, #300832 87.1%, #29082a 90.3%, #230724 93.5%, #1e071f 96.8%, #1a061b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(14.57% 0.0441 310.08) 0.0%, oklch(19.26% 0.0649 312.23) 3.2%, oklch(26.07% 0.0948 315.33) 6.5%, oklch(34.21% 0.1307 319.03) 9.7%, oklch(42.89% 0.1690 322.99) 12.9%, oklch(51.34% 0.2063 326.88) 16.1%, oklch(58.76% 0.2395 330.35) 19.4%, oklch(64.38% 0.2649 333.05) 22.6%, oklch(67.43% 0.2795 334.68) 25.8%, oklch(68.16% 0.2845 335.32) 29.0%, oklch(67.15% 0.2823 335.24) 32.3%, oklch(64.85% 0.2748 334.63) 35.5%, oklch(61.68% 0.2635 333.66) 38.7%, oklch(58.08% 0.2503 332.53) 41.9%, oklch(54.47% 0.2366 331.41) 45.2%, oklch(51.29% 0.2243 330.48) 48.4%, oklch(48.81% 0.2142 329.88) 51.6%, oklch(46.33% 0.2038 329.27) 54.8%, oklch(43.76% 0.1926 328.64) 58.1%, oklch(41.14% 0.1809 328.01) 61.3%, oklch(38.53% 0.1689 327.40) 64.5%, oklch(35.98% 0.1568 326.85) 67.7%, oklch(33.53% 0.1450 326.37) 71.0%, oklch(31.25% 0.1336 326.00) 74.2%, oklch(29.10% 0.1225 325.76) 77.4%, oklch(26.95% 0.1107 325.64) 80.6%, oklch(24.85% 0.0987 325.62) 83.9%, oklch(22.85% 0.0869 325.66) 87.1%, oklch(21.01% 0.0757 325.74) 90.3%, oklch(19.37% 0.0657 325.82) 93.5%, oklch(17.99% 0.0573 325.90) 96.8%, oklch(16.93% 0.0510 325.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.044 | 310.1 |
| 2 | 0.669 | 0.277 | 334.4 |
| 3 | 0.5 | 0.219 | 330.2 |
| 4 | 0.307 | 0.131 | 325.9 |
| 5 | 0.169 | 0.051 | 325.9 |

## In these collections

- [Magenta color palette](https://grabient.com/magenta-color-palette)
- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)

## Other forms

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