# Violet color palette

The Violet color palette brings together purple and magenta. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits album artwork and music event graphics. Its darkest tone is purple, and its lightest tone is magenta.

- Also called: Vivid analogous purple to pink radial gradient
- Seed: `kUYZjORlrBtbTwnR10Ig`
- Page: https://grabient.com/kUYZjORlrBtbTwnR10Ig?style=radialGradient&steps=40&angle=210
- Drawn as: radial gradient, 40 steps, 210 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#4a0aa7` | `oklch(38.19% 0.2094 289.69)` | Aubergine Perl | white, 11.1 to 1 |
| 2 | `#4d0caa` | `oklch(38.95% 0.2114 290.32)` | Aubergine Perl | white, 10.7 to 1 |
| 3 | `#500fae` | `oklch(39.90% 0.2140 291.09)` | Aubergine Perl | white, 10.3 to 1 |
| 4 | `#5511b2` | `oklch(41.02% 0.2172 291.96)` | Elegant Midnight | white, 9.9 to 1 |
| 5 | `#5a14b7` | `oklch(42.28% 0.2207 292.94)` | Elegant Midnight | white, 9.4 to 1 |
| 6 | `#6017bd` | `oklch(43.65% 0.2246 294.01)` | Purplue | white, 8.9 to 1 |
| 7 | `#661ac3` | `oklch(45.10% 0.2286 295.16)` | Trusted Purple | white, 8.4 to 1 |
| 8 | `#6c1dc8` | `oklch(46.60% 0.2326 296.38)` | Crown Chakra | white, 7.9 to 1 |
| 9 | `#7320ce` | `oklch(48.12% 0.2365 297.66)` | Crown Chakra | white, 7.4 to 1 |
| 10 | `#7a24d3` | `oklch(49.64% 0.2402 298.98)` | Puissant Purple | white, 6.9 to 1 |
| 11 | `#8127d8` | `oklch(51.13% 0.2434 300.33)` | Purple Protest | white, 6.5 to 1 |
| 12 | `#882add` | `oklch(52.56% 0.2461 301.71)` | Purple Protest | white, 6.1 to 1 |
| 13 | `#8e2de0` | `oklch(53.90% 0.2482 303.10)` | Bright Blue Violet | white, 5.8 to 1 |
| 14 | `#9430e3` | `oklch(55.12% 0.2494 304.48)` | Bright Blue Violet | white, 5.5 to 1 |
| 15 | `#9b33e5` | `oklch(56.29% 0.2498 305.91)` | Singapore Orchid | white, 5.2 to 1 |
| 16 | `#a137e7` | `oklch(57.50% 0.2494 307.41)` | Sweet Desire | white, 4.9 to 1 |
| 17 | `#a73ae8` | `oklch(58.73% 0.2484 308.97)` | Sweet Desire | white, 4.7 to 1 |
| 18 | `#ad3fe9` | `oklch(59.96% 0.2469 310.59)` | Pisces Vivid Amethyst | black, 4.6 to 1 |
| 19 | `#b443ea` | `oklch(61.17% 0.2450 312.25)` | Pisces Vivid Amethyst | black, 4.9 to 1 |
| 20 | `#ba46ea` | `oklch(62.35% 0.2428 313.93)` | Ultraviolet Onsible | black, 5.1 to 1 |
| 21 | `#c04aea` | `oklch(63.47% 0.2405 315.64)` | Ultraviolet Onsible | black, 5.4 to 1 |
| 22 | `#c64eea` | `oklch(64.53% 0.2381 317.35)` | Bubblegum Baby Girl | black, 5.6 to 1 |
| 23 | `#cb51e9` | `oklch(65.49% 0.2359 319.06)` | Bubblegum Baby Girl | black, 5.8 to 1 |
| 24 | `#d053e8` | `oklch(66.35% 0.2338 320.75)` | Bubblegum Baby Girl | black, 6 to 1 |
| 25 | `#d455e7` | `oklch(67.08% 0.2321 322.42)` | Bubblegum Baby Girl | black, 6.2 to 1 |
| 26 | `#d957e5` | `oklch(67.68% 0.2308 324.04)` | Clematis Magenta | black, 6.4 to 1 |
| 27 | `#dc57e3` | `oklch(68.11% 0.2301 325.62)` | Clematis Magenta | black, 6.5 to 1 |
| 28 | `#df57e1` | `oklch(68.35% 0.2299 327.20)` | Clematis Magenta | black, 6.5 to 1 |
| 29 | `#e156de` | `oklch(68.40% 0.2301 328.85)` | Free Speech Magenta | black, 6.5 to 1 |
| 30 | `#e354da` | `oklch(68.28% 0.2306 330.54)` | Free Speech Magenta | black, 6.5 to 1 |
| 31 | `#e552d5` | `oklch(68.02% 0.2313 332.25)` | Free Speech Magenta | black, 6.4 to 1 |
| 32 | `#e64fd1` | `oklch(67.65% 0.2322 333.95)` | Purplish Pink | black, 6.3 to 1 |
| 33 | `#e74bcc` | `oklch(67.20% 0.2332 335.63)` | Purplish Pink | black, 6.2 to 1 |
| 34 | `#e748c7` | `oklch(66.70% 0.2343 337.25)` | Purplish Pink | black, 6.1 to 1 |
| 35 | `#e844c2` | `oklch(66.17% 0.2354 338.80)` | Purplish Pink | black, 6 to 1 |
| 36 | `#e840bd` | `oklch(65.65% 0.2366 340.26)` | Purplish Pink | black, 5.8 to 1 |
| 37 | `#e83cb8` | `oklch(65.16% 0.2376 341.59)` | Pink Bite | black, 5.7 to 1 |
| 38 | `#e839b4` | `oklch(64.73% 0.2385 342.78)` | Pink Bite | black, 5.6 to 1 |
| 39 | `#e836b1` | `oklch(64.39% 0.2393 343.80)` | Pink Bite | black, 5.5 to 1 |
| 40 | `#e834ae` | `oklch(64.17% 0.2398 344.64)` | Pink Bite | black, 5.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4a0aa7 0.0%, #4d0caa 2.6%, #500fae 5.1%, #5511b2 7.7%, #5a14b7 10.3%, #6017bd 12.8%, #661ac3 15.4%, #6c1dc8 17.9%, #7320ce 20.5%, #7a24d3 23.1%, #8127d8 25.6%, #882add 28.2%, #8e2de0 30.8%, #9430e3 33.3%, #9b33e5 35.9%, #a137e7 38.5%, #a73ae8 41.0%, #ad3fe9 43.6%, #b443ea 46.2%, #ba46ea 48.7%, #c04aea 51.3%, #c64eea 53.8%, #cb51e9 56.4%, #d053e8 59.0%, #d455e7 61.5%, #d957e5 64.1%, #dc57e3 66.7%, #df57e1 69.2%, #e156de 71.8%, #e354da 74.4%, #e552d5 76.9%, #e64fd1 79.5%, #e74bcc 82.1%, #e748c7 84.6%, #e844c2 87.2%, #e840bd 89.7%, #e83cb8 92.3%, #e839b4 94.9%, #e836b1 97.4%, #e834ae 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.19% 0.2094 289.69) 0.0%, oklch(38.95% 0.2114 290.32) 2.6%, oklch(39.90% 0.2140 291.09) 5.1%, oklch(41.02% 0.2172 291.96) 7.7%, oklch(42.28% 0.2207 292.94) 10.3%, oklch(43.65% 0.2246 294.01) 12.8%, oklch(45.10% 0.2286 295.16) 15.4%, oklch(46.60% 0.2326 296.38) 17.9%, oklch(48.12% 0.2365 297.66) 20.5%, oklch(49.64% 0.2402 298.98) 23.1%, oklch(51.13% 0.2434 300.33) 25.6%, oklch(52.56% 0.2461 301.71) 28.2%, oklch(53.90% 0.2482 303.10) 30.8%, oklch(55.12% 0.2494 304.48) 33.3%, oklch(56.29% 0.2498 305.91) 35.9%, oklch(57.50% 0.2494 307.41) 38.5%, oklch(58.73% 0.2484 308.97) 41.0%, oklch(59.96% 0.2469 310.59) 43.6%, oklch(61.17% 0.2450 312.25) 46.2%, oklch(62.35% 0.2428 313.93) 48.7%, oklch(63.47% 0.2405 315.64) 51.3%, oklch(64.53% 0.2381 317.35) 53.8%, oklch(65.49% 0.2359 319.06) 56.4%, oklch(66.35% 0.2338 320.75) 59.0%, oklch(67.08% 0.2321 322.42) 61.5%, oklch(67.68% 0.2308 324.04) 64.1%, oklch(68.11% 0.2301 325.62) 66.7%, oklch(68.35% 0.2299 327.20) 69.2%, oklch(68.40% 0.2301 328.85) 71.8%, oklch(68.28% 0.2306 330.54) 74.4%, oklch(68.02% 0.2313 332.25) 76.9%, oklch(67.65% 0.2322 333.95) 79.5%, oklch(67.20% 0.2332 335.63) 82.1%, oklch(66.70% 0.2343 337.25) 84.6%, oklch(66.17% 0.2354 338.80) 87.2%, oklch(65.65% 0.2366 340.26) 89.7%, oklch(65.16% 0.2376 341.59) 92.3%, oklch(64.73% 0.2385 342.78) 94.9%, oklch(64.39% 0.2393 343.80) 97.4%, oklch(64.17% 0.2398 344.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.209 | 289.7 |
| 2 | 0.551 | 0.249 | 304.5 |
| 3 | 0.681 | 0.23 | 325.6 |
| 4 | 0.642 | 0.24 | 344.6 |

## In these collections

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

## Other forms

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