# Acid Teal Cyber Rings

Ink-dark teal deepens the frame around vivid green, acid yellow, warm orange, and hot pink accents. The palette feels toxic, kinetic, and distinctly cyberpunk while retaining enough dark structure for legible compositions. Use it for dystopian game art, hacker-themed graphics, album covers, and searches for acid green, dark teal, or cyberpunk neon swatches.

- Also called: Black, green, yellow and pink radial swatches
- Seed: `kWNhegMRS--HAOPtuzkVFKzo`
- Page: https://grabient.com/kWNhegMRS--HAOPtuzkVFKzo?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.6 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 | `#061c24` | `oklch(21.26% 0.0317 225.00)` | Black Stallion | white, 17.5 to 1 |
| 2 | `#194b57` | `oklch(38.58% 0.0565 216.55)` | Nocturnal Expedition | white, 9.5 to 1 |
| 3 | `#1dd485` | `oklch(76.77% 0.1764 157.37)` | Seaweed | black, 10.7 to 1 |
| 4 | `#ecd33a` | `oklch(86.22% 0.1626 99.25)` | Sandstorm | black, 13.9 to 1 |
| 5 | `#f53f98` | `oklch(66.14% 0.2274 355.68)` | Rose Bonbon | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #061c24 0.000% 20.000%, #194b57 20.000% 40.000%, #1dd485 40.000% 60.000%, #ecd33a 60.000% 80.000%, #f53f98 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(21.26% 0.0317 225.00) 0.000% 20.000%, oklch(38.58% 0.0565 216.55) 20.000% 40.000%, oklch(76.77% 0.1764 157.37) 40.000% 60.000%, oklch(86.22% 0.1626 99.25) 60.000% 80.000%, oklch(66.14% 0.2274 355.68) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.032 | 225 |
| 2 | 0.386 | 0.056 | 216.5 |
| 3 | 0.768 | 0.176 | 157.4 |
| 4 | 0.862 | 0.163 | 99.2 |
| 5 | 0.661 | 0.227 | -4.3 |

## In these collections

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

## Other forms

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