# Acid Yellow Black Fan

This angular gradient moves from acid yellow through rough green, pale cream, gray, and finishes in black. 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: Yellow, green, beige and black angular gradient
- Seed: `kU6I9QRi5EngOuUWgD8g`
- Page: https://grabient.com/kU6I9QRi5EngOuUWgD8g?style=angularGradient&steps=32&angle=105
- Drawn as: angular gradient, 32 steps, 105 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.4 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 | `#e5ee22` | `oklch(91.34% 0.1970 112.50)` | Robot Grendizer Gold | black, 16.6 to 1 |
| 2 | `#d7e829` | `oklch(88.94% 0.1931 115.14)` | Lime Fizz | black, 15.5 to 1 |
| 3 | `#c3df30` | `oklch(85.47% 0.1881 119.04)` | Greenivorous | black, 13.9 to 1 |
| 4 | `#aad437` | `oklch(81.21% 0.1823 123.84)` | Burst of Lime | black, 12.1 to 1 |
| 5 | `#8fc73d` | `oklch(76.48% 0.1757 129.16)` | Midsummer Field | black, 10.4 to 1 |
| 6 | `#73b942` | `oklch(71.58% 0.1686 134.65)` | Turtle Green | black, 8.7 to 1 |
| 7 | `#59ac45` | `oklch(66.81% 0.1610 139.93)` | Sonata in Green Minor | black, 7.3 to 1 |
| 8 | `#419f47` | `oklch(62.48% 0.1531 144.65)` | Fervent Green | black, 6.2 to 1 |
| 9 | `#2e9448` | `oklch(58.90% 0.1451 148.44)` | Paperboy’s Lawn | black, 5.4 to 1 |
| 10 | `#228b49` | `oklch(56.35% 0.1372 150.93)` | Fly the Green | black, 4.8 to 1 |
| 11 | `#24874a` | `oklch(55.16% 0.1293 151.76)` | Rich Green | black, 4.6 to 1 |
| 12 | `#33874d` | `oklch(55.75% 0.1215 150.57)` | Paradise of Greenery | black, 4.7 to 1 |
| 13 | `#488e53` | `oklch(58.45% 0.1132 147.42)` | Medium Green | black, 5.2 to 1 |
| 14 | `#62995d` | `oklch(62.78% 0.1044 142.67)` | Abundance | black, 6.2 to 1 |
| 15 | `#7da76c` | `oklch(68.22% 0.0953 136.73)` | Garden of Eden | black, 7.6 to 1 |
| 16 | `#9ab77d` | `oklch(74.26% 0.0861 129.99)` | Willow Dyed | black, 9.4 to 1 |
| 17 | `#b5c890` | `oklch(80.37% 0.0769 122.83)` | Marsh Fern | black, 11.5 to 1 |
| 18 | `#cfd7a4` | `oklch(86.02% 0.0680 115.66)` | White Jade | black, 13.9 to 1 |
| 19 | `#e3e4b7` | `oklch(90.71% 0.0594 108.87)` | Schabziger Green | black, 16 to 1 |
| 20 | `#f1edc6` | `oklch(93.90% 0.0515 102.85)` | Home Song | black, 17.6 to 1 |
| 21 | `#f6f0ce` | `oklch(95.08% 0.0443 97.99)` | Summer Pear | black, 18.2 to 1 |
| 22 | `#f2ebce` | `oklch(93.73% 0.0379 94.63)` | Pacific Sand | black, 17.5 to 1 |
| 23 | `#e4ddc6` | `oklch(89.71% 0.0322 92.30)` | Chartreuse Frost | black, 15.4 to 1 |
| 24 | `#cfc9b6` | `oklch(83.50% 0.0270 90.67)` | Coliseum Marble | black, 12.6 to 1 |
| 25 | `#b5b0a0` | `oklch(75.61% 0.0222 89.65)` | Stone Walkway | black, 9.6 to 1 |
| 26 | `#989488` | `oklch(66.58% 0.0179 89.10)` | Lost Space | black, 6.9 to 1 |
| 27 | `#7a776e` | `oklch(56.93% 0.0139 88.91)` | Wolf Pack | black, 4.6 to 1 |
| 28 | `#5e5b55` | `oklch(47.19% 0.0104 88.96)` | Charcoal Sketch | white, 6.7 to 1 |
| 29 | `#43423e` | `oklch(37.87% 0.0073 89.14)` | Balsamic Reduction | white, 10 to 1 |
| 30 | `#2d2c2a` | `oklch(29.50% 0.0045 89.33)` | Shoe Wax | white, 13.8 to 1 |
| 31 | `#1c1c1b` | `oklch(22.61% 0.0021 89.40)` | Coco’s Black | white, 17 to 1 |
| 32 | `#111111` | `oklch(17.72% 0.0000 89.88)` | Dreamless Sleep | white, 18.8 to 1 |

## CSS

```css
background: conic-gradient(from 105deg, #e5ee22 0.0%, #d7e829 3.2%, #c3df30 6.5%, #aad437 9.7%, #8fc73d 12.9%, #73b942 16.1%, #59ac45 19.4%, #419f47 22.6%, #2e9448 25.8%, #228b49 29.0%, #24874a 32.3%, #33874d 35.5%, #488e53 38.7%, #62995d 41.9%, #7da76c 45.2%, #9ab77d 48.4%, #b5c890 51.6%, #cfd7a4 54.8%, #e3e4b7 58.1%, #f1edc6 61.3%, #f6f0ce 64.5%, #f2ebce 67.7%, #e4ddc6 71.0%, #cfc9b6 74.2%, #b5b0a0 77.4%, #989488 80.6%, #7a776e 83.9%, #5e5b55 87.1%, #43423e 90.3%, #2d2c2a 93.5%, #1c1c1b 96.8%, #111111 100.0%);
background: conic-gradient(from 105deg in oklch, oklch(91.34% 0.1970 112.50) 0.0%, oklch(88.94% 0.1931 115.14) 3.2%, oklch(85.47% 0.1881 119.04) 6.5%, oklch(81.21% 0.1823 123.84) 9.7%, oklch(76.48% 0.1757 129.16) 12.9%, oklch(71.58% 0.1686 134.65) 16.1%, oklch(66.81% 0.1610 139.93) 19.4%, oklch(62.48% 0.1531 144.65) 22.6%, oklch(58.90% 0.1451 148.44) 25.8%, oklch(56.35% 0.1372 150.93) 29.0%, oklch(55.16% 0.1293 151.76) 32.3%, oklch(55.75% 0.1215 150.57) 35.5%, oklch(58.45% 0.1132 147.42) 38.7%, oklch(62.78% 0.1044 142.67) 41.9%, oklch(68.22% 0.0953 136.73) 45.2%, oklch(74.26% 0.0861 129.99) 48.4%, oklch(80.37% 0.0769 122.83) 51.6%, oklch(86.02% 0.0680 115.66) 54.8%, oklch(90.71% 0.0594 108.87) 58.1%, oklch(93.90% 0.0515 102.85) 61.3%, oklch(95.08% 0.0443 97.99) 64.5%, oklch(93.73% 0.0379 94.63) 67.7%, oklch(89.71% 0.0322 92.30) 71.0%, oklch(83.50% 0.0270 90.67) 74.2%, oklch(75.61% 0.0222 89.65) 77.4%, oklch(66.58% 0.0179 89.10) 80.6%, oklch(56.93% 0.0139 88.91) 83.9%, oklch(47.19% 0.0104 88.96) 87.1%, oklch(37.87% 0.0073 89.14) 90.3%, oklch(29.50% 0.0045 89.33) 93.5%, oklch(22.61% 0.0021 89.40) 96.8%, oklch(17.72% 0.0000 89.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.197 | 112.5 |
| 2 | 0.551 | 0.127 | 151.6 |
| 3 | 0.945 | 0.04 | 95.6 |
| 4 | 0.177 | 0 | 89.3 |

## In these collections

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

## Other forms

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