# Hot pink glow on black

Analogous pink, purple and black radial gradient with 32 colors: #f94c9f, #f5489d, #ef449a, #e93e97, #e23894, #da3190, #d22b8b, #c92687, #c02182, #b71e7d, #ac1c77, #a11a71, #96196a, #8b1864, #81175d, #771757, #6d1651, #64164b, #5b1645, #52153f, #4a153a, #421434, #3a142f, #33132a, #2c1125, #260f20, #1f0e1b, #190c17, #140a12, #10080f, #0c070b, #090609. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous pink, purple and black radial gradient
- Seed: `kWraD8xkw_TCzP0elj9EIO-w`
- Page: https://grabient.com/kWraD8xkw_TCzP0elj9EIO-w?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.2 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 | `#f94c9f` | `oklch(68.11% 0.2205 355.08)` | Rose Bonbon | black, 6.5 to 1 |
| 2 | `#f5489d` | `oklch(67.10% 0.2200 354.65)` | Rose Bonbon | black, 6.2 to 1 |
| 3 | `#ef449a` | `oklch(65.78% 0.2198 354.09)` | Schiaparelli Pink | black, 5.9 to 1 |
| 4 | `#e93e97` | `oklch(64.21% 0.2197 353.42)` | Schiaparelli Pink | black, 5.6 to 1 |
| 5 | `#e23894` | `oklch(62.44% 0.2192 352.67)` | Pinkinity | black, 5.2 to 1 |
| 6 | `#da3190` | `oklch(60.55% 0.2181 351.88)` | Dark Princess Pink | black, 4.8 to 1 |
| 7 | `#d22b8b` | `oklch(58.57% 0.2161 351.09)` | Magenta Pink | white, 4.7 to 1 |
| 8 | `#c92687` | `oklch(56.59% 0.2128 350.33)` | Purple Heart Kiwi | white, 5.1 to 1 |
| 9 | `#c02182` | `oklch(54.63% 0.2081 349.62)` | Rrosy-Fingered Dawn | white, 5.5 to 1 |
| 10 | `#b71e7d` | `oklch(52.58% 0.2017 348.94)` | Infectious Love | white, 6 to 1 |
| 11 | `#ac1c77` | `oklch(50.41% 0.1940 348.26)` | Fabric of Love | white, 6.5 to 1 |
| 12 | `#a11a71` | `oklch(48.16% 0.1852 347.58)` | Fabric of Love | white, 7.2 to 1 |
| 13 | `#96196a` | `oklch(45.87% 0.1757 346.90)` | Romantic Vampire | white, 7.9 to 1 |
| 14 | `#8b1864` | `oklch(43.58% 0.1656 346.22)` | Bane of Royalty | white, 8.6 to 1 |
| 15 | `#81175d` | `oklch(41.35% 0.1555 345.53)` | French Plum | white, 9.4 to 1 |
| 16 | `#771757` | `oklch(39.21% 0.1454 344.85)` | Velvet | white, 10.3 to 1 |
| 17 | `#6d1651` | `oklch(37.19% 0.1356 344.18)` | Velvet | white, 11.1 to 1 |
| 18 | `#64164b` | `oklch(35.22% 0.1253 343.55)` | Grape Purple | white, 11.9 to 1 |
| 19 | `#5b1645` | `oklch(33.30% 0.1146 342.96)` | Violet Carmine | white, 12.7 to 1 |
| 20 | `#52153f` | `oklch(31.42% 0.1036 342.36)` | Violet Carmine | white, 13.6 to 1 |
| 21 | `#4a153a` | `oklch(29.60% 0.0927 341.74)` | Chilli Black Red | white, 14.4 to 1 |
| 22 | `#421434` | `oklch(27.82% 0.0820 341.07)` | Blackberry | white, 15.1 to 1 |
| 23 | `#3a142f` | `oklch(26.09% 0.0720 340.32)` | Nightly Voyager | white, 15.9 to 1 |
| 24 | `#33132a` | `oklch(24.42% 0.0628 339.46)` | Cultist Robe | white, 16.6 to 1 |
| 25 | `#2c1125` | `oklch(22.78% 0.0543 338.43)` | Dark Prom Queen | white, 17.2 to 1 |
| 26 | `#260f20` | `oklch(21.10% 0.0462 337.18)` | Inside | white, 17.9 to 1 |
| 27 | `#1f0e1b` | `oklch(19.42% 0.0383 335.78)` | Shot in the Dark | white, 18.4 to 1 |
| 28 | `#190c17` | `oklch(17.81% 0.0310 334.32)` | Shot in the Dark | white, 18.9 to 1 |
| 29 | `#140a12` | `oklch(16.31% 0.0243 332.90)` | Noir Fiction | white, 19.4 to 1 |
| 30 | `#10080f` | `oklch(14.98% 0.0185 331.60)` | Noir Fiction | white, 19.7 to 1 |
| 31 | `#0c070b` | `oklch(13.85% 0.0135 330.51)` | Chyornyi Black | white, 19.9 to 1 |
| 32 | `#090609` | `oklch(12.99% 0.0096 329.72)` | Reversed Grey | white, 20.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f94c9f 0.0%, #f5489d 3.2%, #ef449a 6.5%, #e93e97 9.7%, #e23894 12.9%, #da3190 16.1%, #d22b8b 19.4%, #c92687 22.6%, #c02182 25.8%, #b71e7d 29.0%, #ac1c77 32.3%, #a11a71 35.5%, #96196a 38.7%, #8b1864 41.9%, #81175d 45.2%, #771757 48.4%, #6d1651 51.6%, #64164b 54.8%, #5b1645 58.1%, #52153f 61.3%, #4a153a 64.5%, #421434 67.7%, #3a142f 71.0%, #33132a 74.2%, #2c1125 77.4%, #260f20 80.6%, #1f0e1b 83.9%, #190c17 87.1%, #140a12 90.3%, #10080f 93.5%, #0c070b 96.8%, #090609 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.2205 355.08) 0.0%, oklch(67.10% 0.2200 354.65) 3.2%, oklch(65.78% 0.2198 354.09) 6.5%, oklch(64.21% 0.2197 353.42) 9.7%, oklch(62.44% 0.2192 352.67) 12.9%, oklch(60.55% 0.2181 351.88) 16.1%, oklch(58.57% 0.2161 351.09) 19.4%, oklch(56.59% 0.2128 350.33) 22.6%, oklch(54.63% 0.2081 349.62) 25.8%, oklch(52.58% 0.2017 348.94) 29.0%, oklch(50.41% 0.1940 348.26) 32.3%, oklch(48.16% 0.1852 347.58) 35.5%, oklch(45.87% 0.1757 346.90) 38.7%, oklch(43.58% 0.1656 346.22) 41.9%, oklch(41.35% 0.1555 345.53) 45.2%, oklch(39.21% 0.1454 344.85) 48.4%, oklch(37.19% 0.1356 344.18) 51.6%, oklch(35.22% 0.1253 343.55) 54.8%, oklch(33.30% 0.1146 342.96) 58.1%, oklch(31.42% 0.1036 342.36) 61.3%, oklch(29.60% 0.0927 341.74) 64.5%, oklch(27.82% 0.0820 341.07) 67.7%, oklch(26.09% 0.0720 340.32) 71.0%, oklch(24.42% 0.0628 339.46) 74.2%, oklch(22.78% 0.0543 338.43) 77.4%, oklch(21.10% 0.0462 337.18) 80.6%, oklch(19.42% 0.0383 335.78) 83.9%, oklch(17.81% 0.0310 334.32) 87.1%, oklch(16.31% 0.0243 332.90) 90.3%, oklch(14.98% 0.0185 331.60) 93.5%, oklch(13.85% 0.0135 330.51) 96.8%, oklch(12.99% 0.0096 329.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.22 | 355.1 |
| 2 | 0.551 | 0.209 | 349.8 |
| 3 | 0.382 | 0.141 | 344.5 |
| 4 | 0.24 | 0.061 | 339.2 |
| 5 | 0.13 | 0.01 | 329.7 |

## In these collections

- [Black Friday gradients](https://grabient.com/black-friday-gradients)

## Other forms

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