# Cyan violet neon rings

Vivid monochrome blue to navy radial gradient with 64 colors: #6896fd, #6594fb, #6092f9, #5b8ef6, #558bf2, #4e87ee, #4683ea, #3e7ee6, #367ae2, #2e76df, #2572dc, #1d6eda, #166bd9, #1067d9, #0e64db, #1161de, #175de3, #1e59e8, #2655ed, #2e50f2, #354bf7, #3c46fc, #4241ff, #463eff, #493aff, #4936ff, #4833fd, #4632f7, #4232ef, #3d32e5, #3833db, #3234d0, #2c35c5, #2637bb, #2138b1, #1c3aa9, #183da3, #14419f, #12459e, #0f4ca0, #0e55a5, #0e60ad, #106cb6, #147ac0, #1a87ca, #2195d4, #28a1dd, #2face5, #34b4eb, #38baee, #3abbef, #38b9ec, #34b2e6, #2ca7dd, #2399d2, #188ac5, #0a79b7, #0068a8, #005797, #004688, #003779, #002a6e, #001d66, #02155e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid monochrome blue to navy radial gradient
- Seed: `kYr3S8RMS_MFkwe0uL5Xq-8J-vxA`
- Page: https://grabient.com/kYr3S8RMS_MFkwe0uL5Xq-8J-vxA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.5 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 | `#6896fd` | `oklch(68.90% 0.1598 264.37)` | Blue Chaos | black, 7.4 to 1 |
| 2 | `#6594fb` | `oklch(68.18% 0.1610 264.02)` | Blue Chaos | black, 7.2 to 1 |
| 3 | `#6092f9` | `oklch(67.23% 0.1622 263.48)` | Polar Glow | black, 6.9 to 1 |
| 4 | `#5b8ef6` | `oklch(66.11% 0.1635 262.80)` | Blue Elemental | black, 6.6 to 1 |
| 5 | `#558bf2` | `oklch(64.83% 0.1649 262.03)` | Blue Elemental | black, 6.3 to 1 |
| 6 | `#4e87ee` | `oklch(63.46% 0.1664 261.21)` | Blue Elemental | black, 6 to 1 |
| 7 | `#4683ea` | `oklch(62.03% 0.1682 260.39)` | Seljuk Blue | black, 5.6 to 1 |
| 8 | `#3e7ee6` | `oklch(60.57% 0.1703 259.61)` | Skies of Cyberspace | black, 5.3 to 1 |
| 9 | `#367ae2` | `oklch(59.13% 0.1726 258.91)` | Skies of Cyberspace | black, 5 to 1 |
| 10 | `#2e76df` | `oklch(57.76% 0.1753 258.34)` | Skies of Cyberspace | black, 4.7 to 1 |
| 11 | `#2572dc` | `oklch(56.48% 0.1785 257.94)` | Enchanting Sapphire | white, 4.6 to 1 |
| 12 | `#1d6eda` | `oklch(55.35% 0.1820 257.76)` | Enchanting Sapphire | white, 4.8 to 1 |
| 13 | `#166bd9` | `oklch(54.40% 0.1861 257.84)` | Flickr Blue | white, 5 to 1 |
| 14 | `#1067d9` | `oklch(53.67% 0.1908 258.24)` | Blue Ruin | white, 5.2 to 1 |
| 15 | `#0e64db` | `oklch(53.13% 0.1971 259.06)` | Blue Ruin | white, 5.4 to 1 |
| 16 | `#1161de` | `oklch(52.75% 0.2050 260.25)` | Blue Ruin | white, 5.5 to 1 |
| 17 | `#175de3` | `oklch(52.50% 0.2139 261.74)` | Azul | white, 5.6 to 1 |
| 18 | `#1e59e8` | `oklch(52.35% 0.2235 263.44)` | Veteran’s Day Blue | white, 5.7 to 1 |
| 19 | `#2655ed` | `oklch(52.27% 0.2334 265.26)` | Veteran’s Day Blue | white, 5.8 to 1 |
| 20 | `#2e50f2` | `oklch(52.24% 0.2432 267.14)` | Bright Greek | white, 5.8 to 1 |
| 21 | `#354bf7` | `oklch(52.21% 0.2525 268.98)` | Bright Greek | white, 5.9 to 1 |
| 22 | `#3c46fc` | `oklch(52.17% 0.2609 270.72)` | Pretentious Peacock | white, 6 to 1 |
| 23 | `#4241ff` | `oklch(52.09% 0.2679 272.25)` | Pretentious Peacock | white, 6.1 to 1 |
| 24 | `#463eff` | `oklch(51.93% 0.2699 273.52)` | Pretentious Peacock | white, 6.1 to 1 |
| 25 | `#493aff` | `oklch(51.67% 0.2722 274.43)` | Ultra Indigo | white, 6.2 to 1 |
| 26 | `#4936ff` | `oklch(51.28% 0.2751 274.91)` | Ultra Indigo | white, 6.4 to 1 |
| 27 | `#4833fd` | `oklch(50.67% 0.2749 274.96)` | Ultra Indigo | white, 6.6 to 1 |
| 28 | `#4632f7` | `oklch(49.77% 0.2698 274.75)` | Ultra Indigo | white, 6.8 to 1 |
| 29 | `#4232ef` | `oklch(48.65% 0.2622 274.29)` | Royal Vessel | white, 7.1 to 1 |
| 30 | `#3d32e5` | `oklch(47.37% 0.2527 273.62)` | Royal Vessel | white, 7.5 to 1 |
| 31 | `#3833db` | `oklch(46.02% 0.2417 272.75)` | Palatinate Blue | white, 7.8 to 1 |
| 32 | `#3234d0` | `oklch(44.67% 0.2297 271.70)` | Third Eye Chakra | white, 8.2 to 1 |
| 33 | `#2c35c5` | `oklch(43.40% 0.2170 270.48)` | Blue Murder | white, 8.6 to 1 |
| 34 | `#2637bb` | `oklch(42.27% 0.2043 269.13)` | Blue Murder | white, 8.9 to 1 |
| 35 | `#2138b1` | `oklch(41.38% 0.1918 267.64)` | Yuè Guāng Lán Blue | white, 9.2 to 1 |
| 36 | `#1c3aa9` | `oklch(40.78% 0.1802 266.05)` | Yuè Guāng Lán Blue | white, 9.3 to 1 |
| 37 | `#183da3` | `oklch(40.55% 0.1698 264.38)` | Yuè Guāng Lán Blue | white, 9.3 to 1 |
| 38 | `#14419f` | `oklch(40.78% 0.1611 262.64)` | Space Explorer | white, 9.2 to 1 |
| 39 | `#12459e` | `oklch(41.54% 0.1546 260.83)` | Space Explorer | white, 8.8 to 1 |
| 40 | `#0f4ca0` | `oklch(43.15% 0.1495 258.61)` | Sea of Tears | white, 8.2 to 1 |
| 41 | `#0e55a5` | `oklch(45.60% 0.1453 255.90)` | Raiden Blue | white, 7.3 to 1 |
| 42 | `#0e60ad` | `oklch(48.69% 0.1420 252.82)` | Greek Flag Blue | white, 6.3 to 1 |
| 43 | `#106cb6` | `oklch(52.25% 0.1394 249.50)` | Beautiful Blue | white, 5.4 to 1 |
| 44 | `#147ac0` | `oklch(56.07% 0.1374 246.07)` | Star of Life | white, 4.6 to 1 |
| 45 | `#1a87ca` | `oklch(59.97% 0.1359 242.65)` | Way Beyond the Blue | black, 5.3 to 1 |
| 46 | `#2195d4` | `oklch(63.77% 0.1347 239.37)` | Boyzone | black, 6.2 to 1 |
| 47 | `#28a1dd` | `oklch(67.27% 0.1339 236.36)` | Blue Damselfly | black, 7.2 to 1 |
| 48 | `#2face5` | `oklch(70.29% 0.1333 233.75)` | Royal Peacock | black, 8.1 to 1 |
| 49 | `#34b4eb` | `oklch(72.64% 0.1327 231.65)` | Lynx Screen Blue | black, 8.8 to 1 |
| 50 | `#38baee` | `oklch(74.13% 0.1320 230.20)` | Blue Bikini | black, 9.3 to 1 |
| 51 | `#3abbef` | `oklch(74.57% 0.1313 229.53)` | Blue Bikini | black, 9.5 to 1 |
| 52 | `#38b9ec` | `oklch(73.78% 0.1304 229.76)` | Blue Bikini | black, 9.2 to 1 |
| 53 | `#34b2e6` | `oklch(71.76% 0.1297 230.95)` | Lynx Screen Blue | black, 8.6 to 1 |
| 54 | `#2ca7dd` | `oklch(68.71% 0.1293 232.96)` | Blue Fire | black, 7.6 to 1 |
| 55 | `#2399d2` | `oklch(64.82% 0.1291 235.63)` | Structural Blue | black, 6.5 to 1 |
| 56 | `#188ac5` | `oklch(60.28% 0.1291 238.81)` | Celebration Blue | black, 5.4 to 1 |
| 57 | `#0a79b7` | `oklch(55.31% 0.1292 242.35)` | Star Command Blue | white, 4.7 to 1 |
| 58 | `#0068a8` | `oklch(50.10% 0.1292 246.12)` | Medium Persian Blue | white, 5.9 to 1 |
| 59 | `#005797` | `oklch(44.84% 0.1267 249.93)` | Parachuting | white, 7.4 to 1 |
| 60 | `#004688` | `oklch(39.73% 0.1250 253.64)` | Pacific Depths | white, 9.3 to 1 |
| 61 | `#003779` | `oklch(34.98% 0.1247 257.11)` | Cobalt Blue Tarantula | white, 11.4 to 1 |
| 62 | `#002a6e` | `oklch(30.78% 0.1268 260.18)` | Blue Jinn’s | white, 13.5 to 1 |
| 63 | `#001d66` | `oklch(27.31% 0.1308 262.59)` | Midnight Melancholia | white, 15.3 to 1 |
| 64 | `#02155e` | `oklch(24.80% 0.1309 264.38)` | Atlantic Depths | white, 16.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6896fd 0.0%, #6594fb 1.6%, #6092f9 3.2%, #5b8ef6 4.8%, #558bf2 6.3%, #4e87ee 7.9%, #4683ea 9.5%, #3e7ee6 11.1%, #367ae2 12.7%, #2e76df 14.3%, #2572dc 15.9%, #1d6eda 17.5%, #166bd9 19.0%, #1067d9 20.6%, #0e64db 22.2%, #1161de 23.8%, #175de3 25.4%, #1e59e8 27.0%, #2655ed 28.6%, #2e50f2 30.2%, #354bf7 31.7%, #3c46fc 33.3%, #4241ff 34.9%, #463eff 36.5%, #493aff 38.1%, #4936ff 39.7%, #4833fd 41.3%, #4632f7 42.9%, #4232ef 44.4%, #3d32e5 46.0%, #3833db 47.6%, #3234d0 49.2%, #2c35c5 50.8%, #2637bb 52.4%, #2138b1 54.0%, #1c3aa9 55.6%, #183da3 57.1%, #14419f 58.7%, #12459e 60.3%, #0f4ca0 61.9%, #0e55a5 63.5%, #0e60ad 65.1%, #106cb6 66.7%, #147ac0 68.3%, #1a87ca 69.8%, #2195d4 71.4%, #28a1dd 73.0%, #2face5 74.6%, #34b4eb 76.2%, #38baee 77.8%, #3abbef 79.4%, #38b9ec 81.0%, #34b2e6 82.5%, #2ca7dd 84.1%, #2399d2 85.7%, #188ac5 87.3%, #0a79b7 88.9%, #0068a8 90.5%, #005797 92.1%, #004688 93.7%, #003779 95.2%, #002a6e 96.8%, #001d66 98.4%, #02155e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.90% 0.1598 264.37) 0.0%, oklch(68.18% 0.1610 264.02) 1.6%, oklch(67.23% 0.1622 263.48) 3.2%, oklch(66.11% 0.1635 262.80) 4.8%, oklch(64.83% 0.1649 262.03) 6.3%, oklch(63.46% 0.1664 261.21) 7.9%, oklch(62.03% 0.1682 260.39) 9.5%, oklch(60.57% 0.1703 259.61) 11.1%, oklch(59.13% 0.1726 258.91) 12.7%, oklch(57.76% 0.1753 258.34) 14.3%, oklch(56.48% 0.1785 257.94) 15.9%, oklch(55.35% 0.1820 257.76) 17.5%, oklch(54.40% 0.1861 257.84) 19.0%, oklch(53.67% 0.1908 258.24) 20.6%, oklch(53.13% 0.1971 259.06) 22.2%, oklch(52.75% 0.2050 260.25) 23.8%, oklch(52.50% 0.2139 261.74) 25.4%, oklch(52.35% 0.2235 263.44) 27.0%, oklch(52.27% 0.2334 265.26) 28.6%, oklch(52.24% 0.2432 267.14) 30.2%, oklch(52.21% 0.2525 268.98) 31.7%, oklch(52.17% 0.2609 270.72) 33.3%, oklch(52.09% 0.2679 272.25) 34.9%, oklch(51.93% 0.2699 273.52) 36.5%, oklch(51.67% 0.2722 274.43) 38.1%, oklch(51.28% 0.2751 274.91) 39.7%, oklch(50.67% 0.2749 274.96) 41.3%, oklch(49.77% 0.2698 274.75) 42.9%, oklch(48.65% 0.2622 274.29) 44.4%, oklch(47.37% 0.2527 273.62) 46.0%, oklch(46.02% 0.2417 272.75) 47.6%, oklch(44.67% 0.2297 271.70) 49.2%, oklch(43.40% 0.2170 270.48) 50.8%, oklch(42.27% 0.2043 269.13) 52.4%, oklch(41.38% 0.1918 267.64) 54.0%, oklch(40.78% 0.1802 266.05) 55.6%, oklch(40.55% 0.1698 264.38) 57.1%, oklch(40.78% 0.1611 262.64) 58.7%, oklch(41.54% 0.1546 260.83) 60.3%, oklch(43.15% 0.1495 258.61) 61.9%, oklch(45.60% 0.1453 255.90) 63.5%, oklch(48.69% 0.1420 252.82) 65.1%, oklch(52.25% 0.1394 249.50) 66.7%, oklch(56.07% 0.1374 246.07) 68.3%, oklch(59.97% 0.1359 242.65) 69.8%, oklch(63.77% 0.1347 239.37) 71.4%, oklch(67.27% 0.1339 236.36) 73.0%, oklch(70.29% 0.1333 233.75) 74.6%, oklch(72.64% 0.1327 231.65) 76.2%, oklch(74.13% 0.1320 230.20) 77.8%, oklch(74.57% 0.1313 229.53) 79.4%, oklch(73.78% 0.1304 229.76) 81.0%, oklch(71.76% 0.1297 230.95) 82.5%, oklch(68.71% 0.1293 232.96) 84.1%, oklch(64.82% 0.1291 235.63) 85.7%, oklch(60.28% 0.1291 238.81) 87.3%, oklch(55.31% 0.1292 242.35) 88.9%, oklch(50.10% 0.1292 246.12) 90.5%, oklch(44.84% 0.1267 249.93) 92.1%, oklch(39.73% 0.1250 253.64) 93.7%, oklch(34.98% 0.1247 257.11) 95.2%, oklch(30.78% 0.1268 260.18) 96.8%, oklch(27.31% 0.1308 262.59) 98.4%, oklch(24.80% 0.1309 264.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.16 | 264.4 |
| 2 | 0.539 | 0.189 | 258 |
| 3 | 0.512 | 0.277 | 274.9 |
| 4 | 0.413 | 0.156 | 261.2 |
| 5 | 0.744 | 0.131 | 229.5 |
| 6 | 0.248 | 0.131 | 264.4 |

## In these collections

- [Electric blue gradients](https://grabient.com/electric-blue-gradients)

## Other forms

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