# Black Acid Yellow Rings

From the center outward, this gradient moves from black through brown, red, burnt orange, olive, rough green, and finishes in acid yellow. Use the bold ink colors for DIY editorial graphics, zine covers, posters, or print-inspired title panels. The contrasting tones can separate large backgrounds, strong lettering, borders, and small disruptive accents within a compact layout.

- Also called: Black, red, brown and green radial gradient
- Seed: `kULQBAS804sYuTp0R7tA`
- Page: https://grabient.com/kULQBAS804sYuTp0R7tA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.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 | `#111111` | `oklch(17.72% 0.0000 89.88)` | Dreamless Sleep | white, 18.8 to 1 |
| 2 | `#191610` | `oklch(20.30% 0.0134 85.71)` | Soulless | white, 17.9 to 1 |
| 3 | `#271d0c` | `oklch(23.86% 0.0322 79.20)` | Brunneophobia | white, 16.5 to 1 |
| 4 | `#3a2405` | `oklch(28.16% 0.0550 71.16)` | Medium Roast | white, 14.6 to 1 |
| 5 | `#502b00` | `oklch(32.95% 0.0758 62.07)` | Kyoto House | white, 12.4 to 1 |
| 6 | `#693100` | `oklch(38.01% 0.0965 53.01)` | Beasty Brown | white, 10.3 to 1 |
| 7 | `#853300` | `oklch(43.08% 0.1244 44.39)` | Coffee Addiction | white, 8.5 to 1 |
| 8 | `#a32f03` | `oklch(47.93% 0.1583 36.95)` | Salsa Mexicana | white, 7 to 1 |
| 9 | `#bb2f1b` | `oklch(52.32% 0.1802 31.24)` | Once Bitten | white, 5.9 to 1 |
| 10 | `#cf2e28` | `oklch(56.02% 0.1979 28.01)` | Pure Red | white, 5.1 to 1 |
| 11 | `#de302b` | `oklch(58.78% 0.2097 27.92)` | Permanent Geranium Lake | white, 4.6 to 1 |
| 12 | `#e5361a` | `oklch(60.39% 0.2148 31.78)` | Satan | black, 4.8 to 1 |
| 13 | `#dc4c00` | `oklch(60.92% 0.1916 39.91)` | Deep Orange | black, 5 to 1 |
| 14 | `#c86000` | `oklch(60.60% 0.1570 51.47)` | Kvass | black, 5.1 to 1 |
| 15 | `#b46c00` | `oklch(59.67% 0.1333 65.51)` | Indocile Tiger | black, 5 to 1 |
| 16 | `#9f7200` | `oklch(58.35% 0.1205 81.07)` | Barbarian Leather | black, 4.9 to 1 |
| 17 | `#8b7600` | `oklch(56.90% 0.1174 97.21)` | Vermin Brown | black, 4.7 to 1 |
| 18 | `#747a00` | `oklch(55.53% 0.1238 112.98)` | Flag Green | white, 4.6 to 1 |
| 19 | `#597e00` | `oklch(54.49% 0.1414 127.44)` | Avocado | white, 4.7 to 1 |
| 20 | `#3f812e` | `oklch(54.02% 0.1350 139.62)` | Bilbao | white, 4.7 to 1 |
| 21 | `#2d8343` | `oklch(54.34% 0.1285 148.61)` | Vine | white, 4.7 to 1 |
| 22 | `#24884f` | `oklch(55.69% 0.1267 153.53)` | Lucky Green | black, 4.7 to 1 |
| 23 | `#269058` | `oklch(58.07% 0.1287 154.98)` | Emerald Isle | black, 5.2 to 1 |
| 24 | `#319b5d` | `oklch(61.27% 0.1335 153.76)` | Kelly Green | black, 5.9 to 1 |
| 25 | `#42a760` | `oklch(65.08% 0.1404 150.40)` | Bouncy Ball Green | black, 6.9 to 1 |
| 26 | `#58b460` | `oklch(69.29% 0.1488 145.46)` | Samphire Green | black, 8.1 to 1 |
| 27 | `#71c15c` | `oklch(73.70% 0.1582 139.48)` | Green Pear | black, 9.5 to 1 |
| 28 | `#8cce55` | `oklch(78.09% 0.1678 133.01)` | Fairy Tale Green | black, 11 to 1 |
| 29 | `#a7d94a` | `oklch(82.26% 0.1771 126.61)` | Burst of Lime | black, 12.6 to 1 |
| 30 | `#c0e23d` | `oklch(86.00% 0.1855 120.81)` | Energos | black, 14.2 to 1 |
| 31 | `#d5ea30` | `oklch(89.09% 0.1924 116.18)` | Lime Fizz | black, 15.5 to 1 |
| 32 | `#e4ef26` | `oklch(91.34% 0.1970 113.25)` | Robot Grendizer Gold | black, 16.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #111111 0.0%, #191610 3.2%, #271d0c 6.5%, #3a2405 9.7%, #502b00 12.9%, #693100 16.1%, #853300 19.4%, #a32f03 22.6%, #bb2f1b 25.8%, #cf2e28 29.0%, #de302b 32.3%, #e5361a 35.5%, #dc4c00 38.7%, #c86000 41.9%, #b46c00 45.2%, #9f7200 48.4%, #8b7600 51.6%, #747a00 54.8%, #597e00 58.1%, #3f812e 61.3%, #2d8343 64.5%, #24884f 67.7%, #269058 71.0%, #319b5d 74.2%, #42a760 77.4%, #58b460 80.6%, #71c15c 83.9%, #8cce55 87.1%, #a7d94a 90.3%, #c0e23d 93.5%, #d5ea30 96.8%, #e4ef26 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0000 89.88) 0.0%, oklch(20.30% 0.0134 85.71) 3.2%, oklch(23.86% 0.0322 79.20) 6.5%, oklch(28.16% 0.0550 71.16) 9.7%, oklch(32.95% 0.0758 62.07) 12.9%, oklch(38.01% 0.0965 53.01) 16.1%, oklch(43.08% 0.1244 44.39) 19.4%, oklch(47.93% 0.1583 36.95) 22.6%, oklch(52.32% 0.1802 31.24) 25.8%, oklch(56.02% 0.1979 28.01) 29.0%, oklch(58.78% 0.2097 27.92) 32.3%, oklch(60.39% 0.2148 31.78) 35.5%, oklch(60.92% 0.1916 39.91) 38.7%, oklch(60.60% 0.1570 51.47) 41.9%, oklch(59.67% 0.1333 65.51) 45.2%, oklch(58.35% 0.1205 81.07) 48.4%, oklch(56.90% 0.1174 97.21) 51.6%, oklch(55.53% 0.1238 112.98) 54.8%, oklch(54.49% 0.1414 127.44) 58.1%, oklch(54.02% 0.1350 139.62) 61.3%, oklch(54.34% 0.1285 148.61) 64.5%, oklch(55.69% 0.1267 153.53) 67.7%, oklch(58.07% 0.1287 154.98) 71.0%, oklch(61.27% 0.1335 153.76) 74.2%, oklch(65.08% 0.1404 150.40) 77.4%, oklch(69.29% 0.1488 145.46) 80.6%, oklch(73.70% 0.1582 139.48) 83.9%, oklch(78.09% 0.1678 133.01) 87.1%, oklch(82.26% 0.1771 126.61) 90.3%, oklch(86.00% 0.1855 120.81) 93.5%, oklch(89.09% 0.1924 116.18) 96.8%, oklch(91.34% 0.1970 113.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0 | 90 |
| 2 | 0.594 | 0.212 | 28.7 |
| 3 | 0.551 | 0.127 | 152.3 |
| 4 | 0.913 | 0.197 | 113.2 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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