# Violet Purple Near-Black Halo

This radial gradient moves from the center outward through deep violet, deep purple, violet, vivid purple, purple, violet, 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: Analogous navy to purple radial gradient
- Seed: `kYLT7JKi_H7M9uwyuMT2Ua6wsNw8`
- Page: https://grabient.com/kYLT7JKi_H7M9uwyuMT2Ua6wsNw8?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid
- 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 | `#0f0634` | `oklch(17.72% 0.0854 282.66)` | Congressional Navy | white, 19.1 to 1 |
| 2 | `#170639` | `oklch(19.41% 0.0903 290.92)` | Quiet Abyss | white, 18.6 to 1 |
| 3 | `#24073e` | `oklch(21.82% 0.0970 303.30)` | Middle Red Purple | white, 17.8 to 1 |
| 4 | `#340740` | `oklch(24.66% 0.1049 317.60)` | Dark Purple | white, 16.7 to 1 |
| 5 | `#450740` | `oklch(27.61% 0.1134 331.58)` | Eggplant | white, 15.4 to 1 |
| 6 | `#54063e` | `oklch(30.39% 0.1219 343.03)` | Royal Ash | white, 14.2 to 1 |
| 7 | `#60063e` | `oklch(32.69% 0.1295 349.72)` | Tyrian Purple | white, 13.1 to 1 |
| 8 | `#670743` | `oklch(34.44% 0.1366 349.69)` | Spanish Purple | white, 12.3 to 1 |
| 9 | `#6b0a4f` | `oklch(35.96% 0.1442 343.78)` | Rich Purple | white, 11.7 to 1 |
| 10 | `#6c0f60` | `oklch(37.25% 0.1517 334.40)` | Hexed Lichen | white, 11.2 to 1 |
| 11 | `#691571` | `oklch(38.34% 0.1587 323.96)` | Deep Daitoku Purple | white, 10.7 to 1 |
| 12 | `#651b80` | `oklch(39.23% 0.1645 314.88)` | Sapphire Siren | white, 10.3 to 1 |
| 13 | `#621f89` | `oklch(39.93% 0.1685 309.59)` | Purplex | white, 10.1 to 1 |
| 14 | `#641f8a` | `oklch(40.28% 0.1700 310.23)` | Sapphire Siren | white, 9.9 to 1 |
| 15 | `#691a82` | `oklch(39.83% 0.1684 316.17)` | Sapphire Siren | white, 10.1 to 1 |
| 16 | `#6d1373` | `oklch(38.95% 0.1647 325.27)` | Deep Daitoku Purple | white, 10.5 to 1 |
| 17 | `#710a63` | `oklch(38.14% 0.1605 335.41)` | Liche Purple | white, 10.8 to 1 |
| 18 | `#750555` | `oklch(37.87% 0.1568 344.45)` | Velvet | white, 10.9 to 1 |
| 19 | `#7a074f` | `oklch(38.62% 0.1552 350.28)` | Lucky Wine | white, 10.6 to 1 |
| 20 | `#831255` | `oklch(41.03% 0.1571 350.82)` | French Plum | white, 9.6 to 1 |
| 21 | `#94236c` | `oklch(46.34% 0.1647 345.85)` | Celestial Dragon | white, 7.7 to 1 |
| 22 | `#a93991` | `oklch(53.48% 0.1758 337.30)` | Purple Cactus Flower | white, 5.7 to 1 |
| 23 | `#bb51bc` | `oklch(60.90% 0.1872 327.21)` | Still Fuchsia | black, 5 to 1 |
| 24 | `#c567e2` | `oklch(67.07% 0.1958 317.59)` | Purple Snail | black, 6.4 to 1 |
| 25 | `#c675f9` | `oklch(70.43% 0.1985 310.51)` | Illicit Purple | black, 7.3 to 1 |
| 26 | `#be76f7` | `oklch(69.45% 0.1921 307.94)` | Illicit Purple | black, 7 to 1 |
| 27 | `#a966d6` | `oklch(63.04% 0.1738 310.06)` | Teldrassil Purple | black, 5.5 to 1 |
| 28 | `#8a4ba3` | `oklch(52.57% 0.1466 315.35)` | Murasaki Purple | white, 5.7 to 1 |
| 29 | `#642e6b` | `oklch(39.96% 0.1149 322.44)` | Imperial | white, 9.7 to 1 |
| 30 | `#3c143a` | `oklch(27.16% 0.0831 329.95)` | Nightly Voyager | white, 15.4 to 1 |
| 31 | `#1b0316` | `oklch(16.08% 0.0558 336.52)` | Crow | white, 19.5 to 1 |
| 32 | `#070004` | `oklch(8.66% 0.0372 340.78)` | Raven’s Coat | white, 20.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0f0634 0.0%, #170639 3.2%, #24073e 6.5%, #340740 9.7%, #450740 12.9%, #54063e 16.1%, #60063e 19.4%, #670743 22.6%, #6b0a4f 25.8%, #6c0f60 29.0%, #691571 32.3%, #651b80 35.5%, #621f89 38.7%, #641f8a 41.9%, #691a82 45.2%, #6d1373 48.4%, #710a63 51.6%, #750555 54.8%, #7a074f 58.1%, #831255 61.3%, #94236c 64.5%, #a93991 67.7%, #bb51bc 71.0%, #c567e2 74.2%, #c675f9 77.4%, #be76f7 80.6%, #a966d6 83.9%, #8a4ba3 87.1%, #642e6b 90.3%, #3c143a 93.5%, #1b0316 96.8%, #070004 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0854 282.66) 0.0%, oklch(19.41% 0.0903 290.92) 3.2%, oklch(21.82% 0.0970 303.30) 6.5%, oklch(24.66% 0.1049 317.60) 9.7%, oklch(27.61% 0.1134 331.58) 12.9%, oklch(30.39% 0.1219 343.03) 16.1%, oklch(32.69% 0.1295 349.72) 19.4%, oklch(34.44% 0.1366 349.69) 22.6%, oklch(35.96% 0.1442 343.78) 25.8%, oklch(37.25% 0.1517 334.40) 29.0%, oklch(38.34% 0.1587 323.96) 32.3%, oklch(39.23% 0.1645 314.88) 35.5%, oklch(39.93% 0.1685 309.59) 38.7%, oklch(40.28% 0.1700 310.23) 41.9%, oklch(39.83% 0.1684 316.17) 45.2%, oklch(38.95% 0.1647 325.27) 48.4%, oklch(38.14% 0.1605 335.41) 51.6%, oklch(37.87% 0.1568 344.45) 54.8%, oklch(38.62% 0.1552 350.28) 58.1%, oklch(41.03% 0.1571 350.82) 61.3%, oklch(46.34% 0.1647 345.85) 64.5%, oklch(53.48% 0.1758 337.30) 67.7%, oklch(60.90% 0.1872 327.21) 71.0%, oklch(67.07% 0.1958 317.59) 74.2%, oklch(70.43% 0.1985 310.51) 77.4%, oklch(69.45% 0.1921 307.94) 80.6%, oklch(63.04% 0.1738 310.06) 83.9%, oklch(52.57% 0.1466 315.35) 87.1%, oklch(39.96% 0.1149 322.44) 90.3%, oklch(27.16% 0.0831 329.95) 93.5%, oklch(16.08% 0.0558 336.52) 96.8%, oklch(8.66% 0.0372 340.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.085 | 282.7 |
| 2 | 0.331 | 0.131 | 350.3 |
| 3 | 0.402 | 0.169 | 309.1 |
| 4 | 0.398 | 0.156 | 351.3 |
| 5 | 0.701 | 0.194 | 308 |
| 6 | 0.087 | 0.037 | 340.8 |

## In these collections

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

## Other forms

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