# Electric Violet Cyan Halo

Navy, purple, blue and teal radial gradient with 32 colors: #11132d, #131533, #16183c, #191b47, #1c1f53, #202361, #23276f, #282b7e, #2d2f8c, #32339a, #3935a6, #4236b0, #4f35b8, #5e32be, #6e2ec2, #7e28c3, #8d21c1, #9b1bbf, #a618be, #ae1abf, #b222c6, #b130d2, #a942e5, #9856f8, #7e6fff, #5d86ff, #1a99ff, #00a8e4, #00b3d2, #00bbc5, #00c2ba, #08c7b0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, blue and teal radial gradient
- Seed: `kUMyXFtUC_8jYxPesK9g`
- Page: https://grabient.com/kUMyXFtUC_8jYxPesK9g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#11132d` | `oklch(20.08% 0.0510 277.73)` | Liberty Blue | white, 18.1 to 1 |
| 2 | `#131533` | `oklch(21.35% 0.0585 277.56)` | Lost in Sadness | white, 17.7 to 1 |
| 3 | `#16183c` | `oklch(23.00% 0.0685 277.10)` | Nightwalker | white, 17 to 1 |
| 4 | `#191b47` | `oklch(24.97% 0.0803 276.47)` | Tetsu-Kon Blue | white, 16.2 to 1 |
| 5 | `#1c1f53` | `oklch(27.18% 0.0936 275.79)` | Fly-by-Night | white, 15.3 to 1 |
| 6 | `#202361` | `oklch(29.54% 0.1078 275.18)` | Intergalactic Cowboy | white, 14.2 to 1 |
| 7 | `#23276f` | `oklch(31.99% 0.1224 274.75)` | After Work Blue | white, 13.1 to 1 |
| 8 | `#282b7e` | `oklch(34.45% 0.1369 274.61)` | St. Patrick’s Blue | white, 12 to 1 |
| 9 | `#2d2f8c` | `oklch(36.84% 0.1507 274.87)` | Cosmic Cobalt | white, 11 to 1 |
| 10 | `#32339a` | `oklch(39.09% 0.1634 275.67)` | Bluebell | white, 10.1 to 1 |
| 11 | `#3935a6` | `oklch(41.12% 0.1745 277.10)` | Purple Cabbage | white, 9.3 to 1 |
| 12 | `#4236b0` | `oklch(42.90% 0.1841 279.62)` | Early Spring Night | white, 8.7 to 1 |
| 13 | `#4f35b8` | `oklch(44.54% 0.1938 284.14)` | Illustrious Indigo | white, 8.2 to 1 |
| 14 | `#5e32be` | `oklch(46.09% 0.2035 290.13)` | Purple Spot | white, 7.8 to 1 |
| 15 | `#6e2ec2` | `oklch(47.57% 0.2129 296.99)` | Sagat Purple | white, 7.4 to 1 |
| 16 | `#7e28c3` | `oklch(48.98% 0.2216 304.12)` | Puissant Purple | white, 7 to 1 |
| 17 | `#8d21c1` | `oklch(50.37% 0.2294 310.89)` | Pheromone Purple | white, 6.7 to 1 |
| 18 | `#9b1bbf` | `oklch(51.75% 0.2359 316.71)` | Nebula | white, 6.3 to 1 |
| 19 | `#a618be` | `oklch(53.14% 0.2409 320.96)` | Heliotrope Magenta | white, 6 to 1 |
| 20 | `#ae1abf` | `oklch(54.57% 0.2439 323.04)` | Magentleman | white, 5.6 to 1 |
| 21 | `#b222c6` | `oklch(56.05% 0.2447 322.33)` | Telemagenta | white, 5.3 to 1 |
| 22 | `#b130d2` | `oklch(57.62% 0.2430 318.18)` | Telemagenta | white, 4.9 to 1 |
| 23 | `#a942e5` | `oklch(59.35% 0.2375 309.89)` | Pisces Vivid Amethyst | white, 4.5 to 1 |
| 24 | `#9856f8` | `oklch(61.21% 0.2288 298.05)` | Irrigo Purple | black, 5 to 1 |
| 25 | `#7e6fff` | `oklch(63.14% 0.2056 283.54)` | Blackthorn Berry | black, 5.6 to 1 |
| 26 | `#5d86ff` | `oklch(65.10% 0.1852 267.23)` | Skinny Jeans | black, 6.3 to 1 |
| 27 | `#1a99ff` | `oklch(67.02% 0.1817 250.00)` | Blue Nebula | black, 7 to 1 |
| 28 | `#00a8e4` | `oklch(68.87% 0.1418 232.72)` | Huelveño Horizon | black, 7.7 to 1 |
| 29 | `#00b3d2` | `oklch(70.59% 0.1255 216.25)` | Aquarius | black, 8.3 to 1 |
| 30 | `#00bbc5` | `oklch(72.12% 0.1227 201.48)` | Panorama Blue | black, 8.9 to 1 |
| 31 | `#00c2ba` | `oklch(73.41% 0.1271 189.27)` | Cala Benirrás Blue | black, 9.4 to 1 |
| 32 | `#08c7b0` | `oklch(74.41% 0.1337 180.51)` | Amazonite | black, 9.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #11132d 0.0%, #131533 3.2%, #16183c 6.5%, #191b47 9.7%, #1c1f53 12.9%, #202361 16.1%, #23276f 19.4%, #282b7e 22.6%, #2d2f8c 25.8%, #32339a 29.0%, #3935a6 32.3%, #4236b0 35.5%, #4f35b8 38.7%, #5e32be 41.9%, #6e2ec2 45.2%, #7e28c3 48.4%, #8d21c1 51.6%, #9b1bbf 54.8%, #a618be 58.1%, #ae1abf 61.3%, #b222c6 64.5%, #b130d2 67.7%, #a942e5 71.0%, #9856f8 74.2%, #7e6fff 77.4%, #5d86ff 80.6%, #1a99ff 83.9%, #00a8e4 87.1%, #00b3d2 90.3%, #00bbc5 93.5%, #00c2ba 96.8%, #08c7b0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0510 277.73) 0.0%, oklch(21.35% 0.0585 277.56) 3.2%, oklch(23.00% 0.0685 277.10) 6.5%, oklch(24.97% 0.0803 276.47) 9.7%, oklch(27.18% 0.0936 275.79) 12.9%, oklch(29.54% 0.1078 275.18) 16.1%, oklch(31.99% 0.1224 274.75) 19.4%, oklch(34.45% 0.1369 274.61) 22.6%, oklch(36.84% 0.1507 274.87) 25.8%, oklch(39.09% 0.1634 275.67) 29.0%, oklch(41.12% 0.1745 277.10) 32.3%, oklch(42.90% 0.1841 279.62) 35.5%, oklch(44.54% 0.1938 284.14) 38.7%, oklch(46.09% 0.2035 290.13) 41.9%, oklch(47.57% 0.2129 296.99) 45.2%, oklch(48.98% 0.2216 304.12) 48.4%, oklch(50.37% 0.2294 310.89) 51.6%, oklch(51.75% 0.2359 316.71) 54.8%, oklch(53.14% 0.2409 320.96) 58.1%, oklch(54.57% 0.2439 323.04) 61.3%, oklch(56.05% 0.2447 322.33) 64.5%, oklch(57.62% 0.2430 318.18) 67.7%, oklch(59.35% 0.2375 309.89) 71.0%, oklch(61.21% 0.2288 298.05) 74.2%, oklch(63.14% 0.2056 283.54) 77.4%, oklch(65.10% 0.1852 267.23) 80.6%, oklch(67.02% 0.1817 250.00) 83.9%, oklch(68.87% 0.1418 232.72) 87.1%, oklch(70.59% 0.1255 216.25) 90.3%, oklch(72.12% 0.1227 201.48) 93.5%, oklch(73.41% 0.1271 189.27) 96.8%, oklch(74.41% 0.1337 180.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.051 | 277.7 |
| 2 | 0.417 | 0.178 | 277.7 |
| 3 | 0.571 | 0.244 | 320 |
| 4 | 0.744 | 0.134 | 180.5 |

## In these collections

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

## Other forms

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