# Electric cyan hot pink gradient

The Electric cyan hot pink gradient brings together dark gray, blue, teal, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark gray, and its lightest tone is teal.

- Also called: Black, light blue, cyan and pink linear gradient
- Seed: `kUJg-8K5s92s1O5WX1BA`
- Page: https://grabient.com/kUJg-8K5s92s1O5WX1BA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.9 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 | `#070b14` | `oklch(14.96% 0.0207 264.37)` | Dark Rift | white, 19.6 to 1 |
| 2 | `#080d17` | `oklch(15.94% 0.0237 263.43)` | Midnight Oil | white, 19.4 to 1 |
| 3 | `#090f1b` | `oklch(17.02% 0.0274 262.32)` | Nyctophobia | white, 19.1 to 1 |
| 4 | `#0a1220` | `oklch(18.23% 0.0318 261.04)` | Midnight Edition | white, 18.7 to 1 |
| 5 | `#0b1526` | `oklch(19.62% 0.0367 259.60)` | Creeping Death | white, 18.2 to 1 |
| 6 | `#0c192c` | `oklch(21.20% 0.0421 257.99)` | Oxford by Night | white, 17.6 to 1 |
| 7 | `#0d1d33` | `oklch(23.01% 0.0479 256.21)` | Trapped Darkness | white, 16.9 to 1 |
| 8 | `#0e223b` | `oklch(25.08% 0.0539 254.25)` | Celestial Canvas | white, 15.9 to 1 |
| 9 | `#0f2844` | `oklch(27.44% 0.0600 252.11)` | Eternal Darkness | white, 14.8 to 1 |
| 10 | `#10304e` | `oklch(30.12% 0.0662 249.79)` | Crow Black Blue | white, 13.5 to 1 |
| 11 | `#113859` | `oklch(33.16% 0.0724 247.29)` | Gibraltar Sea | white, 12.1 to 1 |
| 12 | `#124365` | `oklch(36.74% 0.0784 244.22)` | Forest Blues | white, 10.4 to 1 |
| 13 | `#125074` | `oklch(41.30% 0.0845 239.61)` | Pirate’s Haven | white, 8.6 to 1 |
| 14 | `#136184` | `oklch(46.62% 0.0905 233.88)` | Blue Velvet | white, 6.8 to 1 |
| 15 | `#137496` | `oklch(52.43% 0.0967 227.57)` | Enchanted Blue | white, 5.2 to 1 |
| 16 | `#1589a7` | `oklch(58.47% 0.1031 221.19)` | Capri Breeze | black, 5.1 to 1 |
| 17 | `#189eb7` | `oklch(64.47% 0.1097 215.28)` | Brilliant Sea | black, 6.6 to 1 |
| 18 | `#1eb2c7` | `oklch(70.18% 0.1167 210.37)` | Antigua Blue | black, 8.2 to 1 |
| 19 | `#22c4d7` | `oklch(75.32% 0.1240 206.98)` | The Crowd Roars! | black, 9.9 to 1 |
| 20 | `#21d4e5` | `oklch(79.63% 0.1318 205.65)` | Aztec Turquoise | black, 11.6 to 1 |
| 21 | `#14e0f5` | `oklch(82.84% 0.1402 206.90)` | Cold Heights | black, 12.9 to 1 |
| 22 | `#3de4ff` | `oklch(84.71% 0.1351 211.30)` | Shimmering Expanse Cyan | black, 13.7 to 1 |
| 23 | `#75dfff` | `oklch(85.25% 0.1077 219.70)` | Athena Blue | black, 13.7 to 1 |
| 24 | `#8cd8ff` | `oklch(84.69% 0.0929 231.54)` | Tranquil Pool | black, 13.3 to 1 |
| 25 | `#98ceff` | `oklch(83.26% 0.0889 245.97)` | Apocyan | black, 12.6 to 1 |
| 26 | `#a0c2ff` | `oklch(81.18% 0.0942 262.14)` | Pastel Blue | black, 11.6 to 1 |
| 27 | `#aab2ff` | `oklch(78.67% 0.1096 279.20)` | Winterspring Lilac | black, 10.5 to 1 |
| 28 | `#ba9dff` | `oklch(75.97% 0.1397 296.28)` | Diva | black, 9.3 to 1 |
| 29 | `#d27eff` | `oklch(73.30% 0.1951 312.54)` | Lavender Tea | black, 8.1 to 1 |
| 30 | `#ec58ee` | `oklch(70.88% 0.2460 327.13)` | Lake Retba Pink | black, 7.2 to 1 |
| 31 | `#f841cd` | `oklch(68.95% 0.2550 339.18)` | Razzle Dazzle Rose | black, 6.6 to 1 |
| 32 | `#ff2eb3` | `oklch(67.71% 0.2612 347.86)` | Spicy Pink | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #070b14 0.0%, #080d17 3.2%, #090f1b 6.5%, #0a1220 9.7%, #0b1526 12.9%, #0c192c 16.1%, #0d1d33 19.4%, #0e223b 22.6%, #0f2844 25.8%, #10304e 29.0%, #113859 32.3%, #124365 35.5%, #125074 38.7%, #136184 41.9%, #137496 45.2%, #1589a7 48.4%, #189eb7 51.6%, #1eb2c7 54.8%, #22c4d7 58.1%, #21d4e5 61.3%, #14e0f5 64.5%, #3de4ff 67.7%, #75dfff 71.0%, #8cd8ff 74.2%, #98ceff 77.4%, #a0c2ff 80.6%, #aab2ff 83.9%, #ba9dff 87.1%, #d27eff 90.3%, #ec58ee 93.5%, #f841cd 96.8%, #ff2eb3 100.0%);
background: linear-gradient(90deg in oklch, oklch(14.96% 0.0207 264.37) 0.0%, oklch(15.94% 0.0237 263.43) 3.2%, oklch(17.02% 0.0274 262.32) 6.5%, oklch(18.23% 0.0318 261.04) 9.7%, oklch(19.62% 0.0367 259.60) 12.9%, oklch(21.20% 0.0421 257.99) 16.1%, oklch(23.01% 0.0479 256.21) 19.4%, oklch(25.08% 0.0539 254.25) 22.6%, oklch(27.44% 0.0600 252.11) 25.8%, oklch(30.12% 0.0662 249.79) 29.0%, oklch(33.16% 0.0724 247.29) 32.3%, oklch(36.74% 0.0784 244.22) 35.5%, oklch(41.30% 0.0845 239.61) 38.7%, oklch(46.62% 0.0905 233.88) 41.9%, oklch(52.43% 0.0967 227.57) 45.2%, oklch(58.47% 0.1031 221.19) 48.4%, oklch(64.47% 0.1097 215.28) 51.6%, oklch(70.18% 0.1167 210.37) 54.8%, oklch(75.32% 0.1240 206.98) 58.1%, oklch(79.63% 0.1318 205.65) 61.3%, oklch(82.84% 0.1402 206.90) 64.5%, oklch(84.71% 0.1351 211.30) 67.7%, oklch(85.25% 0.1077 219.70) 71.0%, oklch(84.69% 0.0929 231.54) 74.2%, oklch(83.26% 0.0889 245.97) 77.4%, oklch(81.18% 0.0942 262.14) 80.6%, oklch(78.67% 0.1096 279.20) 83.9%, oklch(75.97% 0.1397 296.28) 87.1%, oklch(73.30% 0.1951 312.54) 90.3%, oklch(70.88% 0.2460 327.13) 93.5%, oklch(68.95% 0.2550 339.18) 96.8%, oklch(67.71% 0.2612 347.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.021 | 264.4 |
| 2 | 0.343 | 0.074 | 246.4 |
| 3 | 0.843 | 0.146 | 209.4 |
| 4 | 0.677 | 0.262 | 347.9 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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