# Amber Acid Teal Reactor

A radial gradient moves from a black-green center through teal, emerald, acid green, yellow, amber, orange, and hot coral. The wide neon path creates a vivid reactor-like glow for cyberpunk game art, music visuals, event posters, and interface panels that need both cool depth and a fiery perimeter.

- Also called: Black, teal, green and orange radial gradient
- Seed: `kUOhSTySY7-dFOhURrWA`
- Page: https://grabient.com/kUOhSTySY7-dFOhURrWA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.7 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 | `#0b2023` | `oklch(22.83% 0.0276 207.42)` | Black Feather | white, 16.8 to 1 |
| 2 | `#0c2629` | `oklch(24.87% 0.0319 205.55)` | Sunken Ship | white, 15.9 to 1 |
| 3 | `#0d2d30` | `oklch(27.53% 0.0375 203.24)` | Black Chasm | white, 14.6 to 1 |
| 4 | `#0e3638` | `oklch(30.69% 0.0441 200.55)` | Customs Green | white, 13 to 1 |
| 5 | `#0e4142` | `oklch(34.23% 0.0514 197.52)` | Warm Black | white, 11.3 to 1 |
| 6 | `#0e4c4c` | `oklch(38.03% 0.0594 194.20)` | Port Malmesbury | white, 9.7 to 1 |
| 7 | `#0e5956` | `oklch(41.96% 0.0678 190.63)` | Baltic Prince | white, 8.1 to 1 |
| 8 | `#0d655f` | `oklch(45.90% 0.0765 186.88)` | Abduction | white, 6.8 to 1 |
| 9 | `#0e7267` | `oklch(49.72% 0.0852 182.98)` | Pharaoh’s Gem | white, 5.8 to 1 |
| 10 | `#107e6e` | `oklch(53.30% 0.0938 178.99)` | Blue Green | white, 4.9 to 1 |
| 11 | `#158972` | `oklch(56.51% 0.1021 174.95)` | Industrial Turquoise | black, 4.8 to 1 |
| 12 | `#1b9375` | `oklch(59.39% 0.1102 170.92)` | Pool Table | black, 5.4 to 1 |
| 13 | `#229e78` | `oklch(62.34% 0.1189 166.91)` | Holly Green | black, 6.1 to 1 |
| 14 | `#2ca879` | `oklch(65.31% 0.1282 162.85)` | Cosmic Green | black, 6.9 to 1 |
| 15 | `#37b279` | `oklch(68.24% 0.1377 158.70)` | Salsify Grass | black, 7.8 to 1 |
| 16 | `#45bc77` | `oklch(71.05% 0.1473 154.38)` | Esmeralda | black, 8.6 to 1 |
| 17 | `#54c572` | `oklch(73.67% 0.1566 149.84)` | Zombie Green | black, 9.5 to 1 |
| 18 | `#64cc6b` | `oklch(76.02% 0.1655 145.02)` | Snow Pea | black, 10.3 to 1 |
| 19 | `#76d161` | `oklch(78.02% 0.1737 139.85)` | Fairy Tale Green | black, 11.1 to 1 |
| 20 | `#89d552` | `oklch(79.60% 0.1809 134.28)` | Lilliputian Lime | black, 11.6 to 1 |
| 21 | `#9cd63d` | `oklch(80.69% 0.1869 128.25)` | Blanka Green | black, 12 to 1 |
| 22 | `#aed318` | `oklch(81.20% 0.1915 121.64)` | Jeune Citron | black, 12.1 to 1 |
| 23 | `#c1cc00` | `oklch(80.95% 0.1817 113.85)` | Cheerly Kiwi | black, 11.9 to 1 |
| 24 | `#cfc300` | `oklch(80.04% 0.1698 104.97)` | Banana Powder | black, 11.4 to 1 |
| 25 | `#d9b700` | `oklch(78.61% 0.1615 95.36)` | Patrinia Flowers | black, 10.7 to 1 |
| 26 | `#e1aa00` | `oklch(76.79% 0.1573 85.36)` | Honeycomb | black, 9.9 to 1 |
| 27 | `#e69c00` | `oklch(74.75% 0.1575 75.30)` | Hot Butter | black, 9.1 to 1 |
| 28 | `#ea8e00` | `oklch(72.62% 0.1622 65.54)` | Elden Ring Orange | black, 8.3 to 1 |
| 29 | `#ee7e00` | `oklch(70.55% 0.1719 56.40)` | Bright Marigold | black, 7.6 to 1 |
| 30 | `#f26e00` | `oklch(68.68% 0.1863 48.24)` | Apocalyptic Orange | black, 6.9 to 1 |
| 31 | `#f3611b` | `oklch(67.16% 0.1944 41.41)` | Scarlet Ibis | black, 6.5 to 1 |
| 32 | `#f15a2f` | `oklch(66.14% 0.1943 36.23)` | Hot Embers | black, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0b2023 0.0%, #0c2629 3.2%, #0d2d30 6.5%, #0e3638 9.7%, #0e4142 12.9%, #0e4c4c 16.1%, #0e5956 19.4%, #0d655f 22.6%, #0e7267 25.8%, #107e6e 29.0%, #158972 32.3%, #1b9375 35.5%, #229e78 38.7%, #2ca879 41.9%, #37b279 45.2%, #45bc77 48.4%, #54c572 51.6%, #64cc6b 54.8%, #76d161 58.1%, #89d552 61.3%, #9cd63d 64.5%, #aed318 67.7%, #c1cc00 71.0%, #cfc300 74.2%, #d9b700 77.4%, #e1aa00 80.6%, #e69c00 83.9%, #ea8e00 87.1%, #ee7e00 90.3%, #f26e00 93.5%, #f3611b 96.8%, #f15a2f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0276 207.42) 0.0%, oklch(24.87% 0.0319 205.55) 3.2%, oklch(27.53% 0.0375 203.24) 6.5%, oklch(30.69% 0.0441 200.55) 9.7%, oklch(34.23% 0.0514 197.52) 12.9%, oklch(38.03% 0.0594 194.20) 16.1%, oklch(41.96% 0.0678 190.63) 19.4%, oklch(45.90% 0.0765 186.88) 22.6%, oklch(49.72% 0.0852 182.98) 25.8%, oklch(53.30% 0.0938 178.99) 29.0%, oklch(56.51% 0.1021 174.95) 32.3%, oklch(59.39% 0.1102 170.92) 35.5%, oklch(62.34% 0.1189 166.91) 38.7%, oklch(65.31% 0.1282 162.85) 41.9%, oklch(68.24% 0.1377 158.70) 45.2%, oklch(71.05% 0.1473 154.38) 48.4%, oklch(73.67% 0.1566 149.84) 51.6%, oklch(76.02% 0.1655 145.02) 54.8%, oklch(78.02% 0.1737 139.85) 58.1%, oklch(79.60% 0.1809 134.28) 61.3%, oklch(80.69% 0.1869 128.25) 64.5%, oklch(81.20% 0.1915 121.64) 67.7%, oklch(80.95% 0.1817 113.85) 71.0%, oklch(80.04% 0.1698 104.97) 74.2%, oklch(78.61% 0.1615 95.36) 77.4%, oklch(76.79% 0.1573 85.36) 80.6%, oklch(74.75% 0.1575 75.30) 83.9%, oklch(72.62% 0.1622 65.54) 87.1%, oklch(70.55% 0.1719 56.40) 90.3%, oklch(68.68% 0.1863 48.24) 93.5%, oklch(67.16% 0.1944 41.41) 96.8%, oklch(66.14% 0.1943 36.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.028 | 207.4 |
| 2 | 0.575 | 0.105 | 173.6 |
| 3 | 0.811 | 0.19 | 123.9 |
| 4 | 0.661 | 0.194 | 36.2 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)

## Other forms

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