# Violet Violet Near-Black Halo

This radial gradient moves from the center outward through deep violet, deep purple, violet, vivid violet, purple, and near-black. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Dark purple, purple, blue and pink radial gradient
- Seed: `kWMD_WKBvE0W-uJWu0cipG5Y`
- Page: https://grabient.com/kWMD_WKBvE0W-uJWu0cipG5Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#1b0433` | `oklch(18.90% 0.0868 300.94)` | Quiet Abyss | white, 18.8 to 1 |
| 2 | `#1f0633` | `oklch(19.83% 0.0851 304.99)` | Middle Red Purple | white, 18.5 to 1 |
| 3 | `#240833` | `oklch(20.99% 0.0821 311.20)` | Middle Red Purple | white, 18.1 to 1 |
| 4 | `#2a0c32` | `oklch(22.37% 0.0784 318.65)` | Dark Prom Queen | white, 17.5 to 1 |
| 5 | `#300f31` | `oklch(23.95% 0.0749 326.39)` | Synallactida | white, 16.8 to 1 |
| 6 | `#371432` | `oklch(25.73% 0.0722 333.50)` | Nightly Voyager | white, 16 to 1 |
| 7 | `#3e1833` | `oklch(27.68% 0.0712 339.04)` | Blackberry | white, 15.1 to 1 |
| 8 | `#451d37` | `oklch(29.80% 0.0727 342.08)` | Juice Violet | white, 14.1 to 1 |
| 9 | `#4d213e` | `oklch(32.09% 0.0773 341.64)` | Prestige Mauve | white, 13.1 to 1 |
| 10 | `#55264a` | `oklch(34.75% 0.0864 336.62)` | Murasaki | white, 11.9 to 1 |
| 11 | `#5d2c5c` | `oklch(37.76% 0.0991 327.92)` | Charisma | white, 10.6 to 1 |
| 12 | `#633372` | `oklch(40.99% 0.1141 317.01)` | Purple Magic | white, 9.3 to 1 |
| 13 | `#653c8c` | `oklch(44.31% 0.1299 305.36)` | Sweet Flag | white, 8.1 to 1 |
| 14 | `#6347a4` | `oklch(47.59% 0.1452 294.41)` | Ultrapurple Merge | white, 7 to 1 |
| 15 | `#6051ba` | `oklch(50.69% 0.1586 285.65)` | Circumorbital Ring | white, 6.1 to 1 |
| 16 | `#5f5bcb` | `oklch(53.48% 0.1688 280.54)` | Circumorbital Ring | white, 5.4 to 1 |
| 17 | `#6562d7` | `oklch(56.01% 0.1748 280.49)` | Exodus Fruit | white, 4.9 to 1 |
| 18 | `#7767e1` | `oklch(59.04% 0.1786 285.64)` | Medium Slate Blue | black, 4.8 to 1 |
| 19 | `#906be7` | `oklch(62.35% 0.1807 294.52)` | Matt Purple | black, 5.4 to 1 |
| 20 | `#ac6ee7` | `oklch(65.53% 0.1809 305.59)` | Violet Voltage | black, 6.1 to 1 |
| 21 | `#c570e0` | `oklch(68.18% 0.1795 317.30)` | Purple Snail | black, 6.7 to 1 |
| 22 | `#d771d4` | `oklch(69.87% 0.1762 328.10)` | French Mauve | black, 7.1 to 1 |
| 23 | `#df70c6` | `oklch(70.21% 0.1713 336.45)` | Explicit Pink | black, 7.2 to 1 |
| 24 | `#dc6db9` | `oklch(68.79% 0.1645 340.81)` | Pink Charge | black, 6.9 to 1 |
| 25 | `#cb65ac` | `oklch(64.96% 0.1552 340.13)` | Pú Táo Zǐ Purple | black, 5.9 to 1 |
| 26 | `#ad579c` | `oklch(58.37% 0.1416 335.47)` | Magenta Memoir | black, 4.6 to 1 |
| 27 | `#884586` | `oklch(49.85% 0.1251 327.95)` | Flesh Fly | white, 6.4 to 1 |
| 28 | `#60326d` | `oklch(40.26% 0.1071 318.68)` | Lounge Violet | white, 9.6 to 1 |
| 29 | `#3c2050` | `oklch(30.44% 0.0890 308.76)` | Obsidian Orchid | white, 13.9 to 1 |
| 30 | `#1e0e35` | `oklch(21.27% 0.0722 299.29)` | Midnight Monarch | white, 17.9 to 1 |
| 31 | `#0a031e` | `oklch(13.59% 0.0581 291.39)` | Midnight Jam | white, 20.1 to 1 |
| 32 | `#02000e` | `oklch(8.29% 0.0481 286.07)` | Benthic Black | white, 20.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1b0433 0.0%, #1f0633 3.2%, #240833 6.5%, #2a0c32 9.7%, #300f31 12.9%, #371432 16.1%, #3e1833 19.4%, #451d37 22.6%, #4d213e 25.8%, #55264a 29.0%, #5d2c5c 32.3%, #633372 35.5%, #653c8c 38.7%, #6347a4 41.9%, #6051ba 45.2%, #5f5bcb 48.4%, #6562d7 51.6%, #7767e1 54.8%, #906be7 58.1%, #ac6ee7 61.3%, #c570e0 64.5%, #d771d4 67.7%, #df70c6 71.0%, #dc6db9 74.2%, #cb65ac 77.4%, #ad579c 80.6%, #884586 83.9%, #60326d 87.1%, #3c2050 90.3%, #1e0e35 93.5%, #0a031e 96.8%, #02000e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.90% 0.0868 300.94) 0.0%, oklch(19.83% 0.0851 304.99) 3.2%, oklch(20.99% 0.0821 311.20) 6.5%, oklch(22.37% 0.0784 318.65) 9.7%, oklch(23.95% 0.0749 326.39) 12.9%, oklch(25.73% 0.0722 333.50) 16.1%, oklch(27.68% 0.0712 339.04) 19.4%, oklch(29.80% 0.0727 342.08) 22.6%, oklch(32.09% 0.0773 341.64) 25.8%, oklch(34.75% 0.0864 336.62) 29.0%, oklch(37.76% 0.0991 327.92) 32.3%, oklch(40.99% 0.1141 317.01) 35.5%, oklch(44.31% 0.1299 305.36) 38.7%, oklch(47.59% 0.1452 294.41) 41.9%, oklch(50.69% 0.1586 285.65) 45.2%, oklch(53.48% 0.1688 280.54) 48.4%, oklch(56.01% 0.1748 280.49) 51.6%, oklch(59.04% 0.1786 285.64) 54.8%, oklch(62.35% 0.1807 294.52) 58.1%, oklch(65.53% 0.1809 305.59) 61.3%, oklch(68.18% 0.1795 317.30) 64.5%, oklch(69.87% 0.1762 328.10) 67.7%, oklch(70.21% 0.1713 336.45) 71.0%, oklch(68.79% 0.1645 340.81) 74.2%, oklch(64.96% 0.1552 340.13) 77.4%, oklch(58.37% 0.1416 335.47) 80.6%, oklch(49.85% 0.1251 327.95) 83.9%, oklch(40.26% 0.1071 318.68) 87.1%, oklch(30.44% 0.0890 308.76) 90.3%, oklch(21.27% 0.0722 299.29) 93.5%, oklch(13.59% 0.0581 291.39) 96.8%, oklch(8.29% 0.0481 286.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.087 | 300.9 |
| 2 | 0.315 | 0.076 | 342.2 |
| 3 | 0.547 | 0.172 | 279.8 |
| 4 | 0.681 | 0.163 | 341.1 |
| 5 | 0.083 | 0.048 | 286.1 |

## In these collections

- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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