# Electric blue cyan glow

Blue, teal, dark purple and light blue radial gradient with 32 colors: #009ec7, #00a3c7, #00acc7, #00b5c7, #00bec7, #01c4c5, #01c4c3, #00bdc0, #00b1bc, #00a1b7, #0090b0, #007da9, #006ca3, #135c9c, #264a8f, #2f387f, #32286e, #311a5c, #2f0f4e, #2b0843, #26043b, #210333, #1d032f, #1b052f, #1b0b34, #20153f, #292856, #324477, #38669c, #378bbe, #33acd8, #31c4e7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, teal, dark purple and light blue radial gradient
- Seed: `kYpVqgXi48T6txefJscHRu-eCuNy`
- Page: https://grabient.com/kYpVqgXi48T6txefJscHRu-eCuNy?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.1 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 | `#009ec7` | `oklch(64.96% 0.1231 225.01)` | Blue Ocean | black, 6.6 to 1 |
| 2 | `#00a3c7` | `oklch(66.28% 0.1215 220.92)` | Resonant Blue | black, 7 to 1 |
| 3 | `#00acc7` | `oklch(68.41% 0.1206 214.52)` | Sarah’s Garden | black, 7.7 to 1 |
| 4 | `#00b5c7` | `oklch(70.81% 0.1215 207.23)` | Lago Blue | black, 8.4 to 1 |
| 5 | `#00bec7` | `oklch(72.94% 0.1240 200.47)` | Panorama Blue | black, 9.2 to 1 |
| 6 | `#01c4c5` | `oklch(74.26% 0.1265 195.63)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 7 | `#01c4c3` | `oklch(74.23% 0.1267 194.13)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 8 | `#00bdc0` | `oklch(72.47% 0.1234 196.85)` | Maximum Blue Green | black, 9 to 1 |
| 9 | `#00b1bc` | `oklch(69.29% 0.1180 202.85)` | Marrakech Mile | black, 8 to 1 |
| 10 | `#00a1b7` | `oklch(65.12% 0.1131 211.21)` | January Blue | black, 6.7 to 1 |
| 11 | `#0090b0` | `oklch(60.37% 0.1107 221.03)` | Zeftron | black, 5.5 to 1 |
| 12 | `#007da9` | `oklch(55.48% 0.1124 231.39)` | Neptune | white, 4.6 to 1 |
| 13 | `#006ca3` | `oklch(50.88% 0.1194 241.40)` | Jazz Blue | white, 5.7 to 1 |
| 14 | `#135c9c` | `oklch(46.71% 0.1243 250.84)` | Drakenhof Nightshade | white, 6.9 to 1 |
| 15 | `#264a8f` | `oklch(42.24% 0.1220 261.75)` | Unity | white, 8.5 to 1 |
| 16 | `#2f387f` | `oklch(37.63% 0.1191 273.39)` | Migol Blue | white, 10.4 to 1 |
| 17 | `#32286e` | `oklch(33.17% 0.1159 284.72)` | Dark Dreams | white, 12.6 to 1 |
| 18 | `#311a5c` | `oklch(29.16% 0.1123 294.71)` | Fabric of Space | white, 14.6 to 1 |
| 19 | `#2f0f4e` | `oklch(25.89% 0.1085 302.32)` | Oily Purple | white, 16.1 to 1 |
| 20 | `#2b0843` | `oklch(23.55% 0.1043 306.67)` | Oily Purple | white, 17.2 to 1 |
| 21 | `#26043b` | `oklch(21.40% 0.0984 308.59)` | Midnight Purple | white, 18 to 1 |
| 22 | `#210333` | `oklch(19.60% 0.0914 308.52)` | Coal Mine | white, 18.6 to 1 |
| 23 | `#1d032f` | `oklch(18.53% 0.0846 306.60)` | Coal Mine | white, 18.9 to 1 |
| 24 | `#1b052f` | `oklch(18.60% 0.0790 302.98)` | Quiet Abyss | white, 18.9 to 1 |
| 25 | `#1b0b34` | `oklch(20.19% 0.0758 297.80)` | Midnight Monarch | white, 18.3 to 1 |
| 26 | `#20153f` | `oklch(23.75% 0.0762 291.13)` | Prune Plum | white, 16.8 to 1 |
| 27 | `#292856` | `oklch(30.48% 0.0813 281.06)` | Ceremonial Purple | white, 13.6 to 1 |
| 28 | `#324477` | `oklch(39.81% 0.0899 267.91)` | Sodalite Blue | white, 9.4 to 1 |
| 29 | `#38669c` | `oklch(50.39% 0.1005 253.39)` | Summerday Blue | white, 5.9 to 1 |
| 30 | `#378bbe` | `oklch(60.84% 0.1112 239.21)` | Walker Lake | black, 5.5 to 1 |
| 31 | `#33acd8` | `oklch(69.83% 0.1206 227.06)` | Bright Cerulean | black, 8 to 1 |
| 32 | `#31c4e7` | `oklch(75.98% 0.1268 218.66)` | Caribbean Blue | black, 10.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #009ec7 0.0%, #00a3c7 3.2%, #00acc7 6.5%, #00b5c7 9.7%, #00bec7 12.9%, #01c4c5 16.1%, #01c4c3 19.4%, #00bdc0 22.6%, #00b1bc 25.8%, #00a1b7 29.0%, #0090b0 32.3%, #007da9 35.5%, #006ca3 38.7%, #135c9c 41.9%, #264a8f 45.2%, #2f387f 48.4%, #32286e 51.6%, #311a5c 54.8%, #2f0f4e 58.1%, #2b0843 61.3%, #26043b 64.5%, #210333 67.7%, #1d032f 71.0%, #1b052f 74.2%, #1b0b34 77.4%, #20153f 80.6%, #292856 83.9%, #324477 87.1%, #38669c 90.3%, #378bbe 93.5%, #33acd8 96.8%, #31c4e7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.96% 0.1231 225.01) 0.0%, oklch(66.28% 0.1215 220.92) 3.2%, oklch(68.41% 0.1206 214.52) 6.5%, oklch(70.81% 0.1215 207.23) 9.7%, oklch(72.94% 0.1240 200.47) 12.9%, oklch(74.26% 0.1265 195.63) 16.1%, oklch(74.23% 0.1267 194.13) 19.4%, oklch(72.47% 0.1234 196.85) 22.6%, oklch(69.29% 0.1180 202.85) 25.8%, oklch(65.12% 0.1131 211.21) 29.0%, oklch(60.37% 0.1107 221.03) 32.3%, oklch(55.48% 0.1124 231.39) 35.5%, oklch(50.88% 0.1194 241.40) 38.7%, oklch(46.71% 0.1243 250.84) 41.9%, oklch(42.24% 0.1220 261.75) 45.2%, oklch(37.63% 0.1191 273.39) 48.4%, oklch(33.17% 0.1159 284.72) 51.6%, oklch(29.16% 0.1123 294.71) 54.8%, oklch(25.89% 0.1085 302.32) 58.1%, oklch(23.55% 0.1043 306.67) 61.3%, oklch(21.40% 0.0984 308.59) 64.5%, oklch(19.60% 0.0914 308.52) 67.7%, oklch(18.53% 0.0846 306.60) 71.0%, oklch(18.60% 0.0790 302.98) 74.2%, oklch(20.19% 0.0758 297.80) 77.4%, oklch(23.75% 0.0762 291.13) 80.6%, oklch(30.48% 0.0813 281.06) 83.9%, oklch(39.81% 0.0899 267.91) 87.1%, oklch(50.39% 0.1005 253.39) 90.3%, oklch(60.84% 0.1112 239.21) 93.5%, oklch(69.83% 0.1206 227.06) 96.8%, oklch(75.98% 0.1268 218.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.124 | 225 |
| 2 | 0.74 | 0.127 | 194.4 |
| 3 | 0.492 | 0.125 | 245.1 |
| 4 | 0.244 | 0.106 | 305.3 |
| 5 | 0.228 | 0.076 | 292.6 |
| 6 | 0.76 | 0.127 | 218.7 |

## In these collections

- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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