# Forest lime radial fan

Monochrome green and dark green angular swatches with 13 colors: #87b159, #7aa455, #69934f, #578148, #477142, #38633e, #2b563a, #1f4b36, #164233, #0f3b30, #08362e, #03322c, #002f2b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome green and dark green angular swatches
- Seed: `kUtFtcwB9BSuUQujEcIg`
- Page: https://grabient.com/kUtFtcwB9BSuUQujEcIg?style=angularSwatches&steps=13
- Drawn as: angular swatches, 13 steps, 90 degrees
- Kinds: light to dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.8 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 | `#87b159` | `oklch(70.87% 0.1254 130.08)` | Usumoegi Green | black, 8.4 to 1 |
| 2 | `#7aa455` | `oklch(67.09% 0.1180 131.84)` | Grassy Meadow | black, 7.3 to 1 |
| 3 | `#69934f` | `oklch(61.64% 0.1073 134.31)` | Field Time Green | black, 5.9 to 1 |
| 4 | `#578148` | `oklch(55.69% 0.0957 137.56)` | Rambling Green | black, 4.6 to 1 |
| 5 | `#477142` | `oklch(50.39% 0.0854 141.70)` | Under the Radar | white, 5.6 to 1 |
| 6 | `#38633e` | `oklch(45.83% 0.0766 147.23)` | Forest Serenade | white, 6.9 to 1 |
| 7 | `#2b563a` | `oklch(41.46% 0.0682 153.92)` | Green Stain | white, 8.3 to 1 |
| 8 | `#1f4b36` | `oklch(37.52% 0.0608 160.85)` | County Green | white, 9.9 to 1 |
| 9 | `#164233` | `oklch(34.25% 0.0551 167.06)` | Mizukaze Green | white, 11.3 to 1 |
| 10 | `#0f3b30` | `oklch(31.76% 0.0516 172.71)` | Palm Green | white, 12.4 to 1 |
| 11 | `#08362e` | `oklch(29.90% 0.0498 178.16)` | Night Turquoise | white, 13.3 to 1 |
| 12 | `#03322c` | `oklch(28.54% 0.0489 182.82)` | Fence Green | white, 14 to 1 |
| 13 | `#002f2b` | `oklch(27.56% 0.0482 186.09)` | Roof Tile Green | white, 14.5 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #87b159 0.000% 7.692%, #7aa455 7.692% 15.385%, #69934f 15.385% 23.077%, #578148 23.077% 30.769%, #477142 30.769% 38.462%, #38633e 38.462% 46.154%, #2b563a 46.154% 53.846%, #1f4b36 53.846% 61.538%, #164233 61.538% 69.231%, #0f3b30 69.231% 76.923%, #08362e 76.923% 84.615%, #03322c 84.615% 92.308%, #002f2b 92.308% 100.000%);
background: conic-gradient(from 90deg, oklch(70.87% 0.1254 130.08) 0.000% 7.692%, oklch(67.09% 0.1180 131.84) 7.692% 15.385%, oklch(61.64% 0.1073 134.31) 15.385% 23.077%, oklch(55.69% 0.0957 137.56) 23.077% 30.769%, oklch(50.39% 0.0854 141.70) 30.769% 38.462%, oklch(45.83% 0.0766 147.23) 38.462% 46.154%, oklch(41.46% 0.0682 153.92) 46.154% 53.846%, oklch(37.52% 0.0608 160.85) 53.846% 61.538%, oklch(34.25% 0.0551 167.06) 61.538% 69.231%, oklch(31.76% 0.0516 172.71) 69.231% 76.923%, oklch(29.90% 0.0498 178.16) 76.923% 84.615%, oklch(28.54% 0.0489 182.82) 84.615% 92.308%, oklch(27.56% 0.0482 186.09) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.125 | 130.1 |
| 2 | 0.504 | 0.085 | 141.7 |
| 3 | 0.343 | 0.055 | 167.1 |
| 4 | 0.276 | 0.048 | 186.1 |

## Other forms

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