# Olive coral radial fan

Gray, olive, tan and pink angular swatches with 13 colors: #828778, #8a9373, #98a468, #a8ae5b, #b3b055, #bcad53, #c3a54d, #cb9644, #cf8243, #ce6e48, #cd594b, #ca414f, #c72d55. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, olive, tan and pink angular swatches
- Seed: `kWnBFXXKc-10pPVRsDoxkS8Q`
- Page: https://grabient.com/kWnBFXXKc-10pPVRsDoxkS8Q?style=angularSwatches&steps=13&angle=210
- Drawn as: angular swatches, 13 steps, 210 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#828778` | `oklch(61.42% 0.0234 122.34)` | Cottage Lattice Green | black, 5.6 to 1 |
| 2 | `#8a9373` | `oklch(64.79% 0.0481 120.35)` | Royal Oakleaf | black, 6.5 to 1 |
| 3 | `#98a468` | `oklch(69.42% 0.0822 117.29)` | Banana Palm | black, 7.8 to 1 |
| 4 | `#a8ae5b` | `oklch(72.83% 0.1075 112.83)` | April Green | black, 8.8 to 1 |
| 5 | `#b3b055` | `oklch(74.13% 0.1146 107.35)` | Hemp Tea | black, 9.2 to 1 |
| 6 | `#bcad53` | `oklch(74.21% 0.1130 100.47)` | Star Fruit Yellow Green | black, 9.2 to 1 |
| 7 | `#c3a54d` | `oklch(73.23% 0.1130 90.64)` | Creed | black, 8.8 to 1 |
| 8 | `#cb9644` | `oklch(70.91% 0.1170 75.73)` | Mayan Treasure | black, 8 to 1 |
| 9 | `#cf8243` | `oklch(67.54% 0.1226 57.88)` | Melted Copper | black, 6.9 to 1 |
| 10 | `#ce6e48` | `oklch(64.17% 0.1323 42.03)` | Red Damask | black, 5.9 to 1 |
| 11 | `#cd594b` | `oklch(60.82% 0.1505 29.35)` | Wet Coral | black, 5.1 to 1 |
| 12 | `#ca414f` | `oklch(57.47% 0.1728 18.66)` | Feverish Pink | white, 4.7 to 1 |
| 13 | `#c72d55` | `oklch(55.12% 0.1888 11.38)` | Dingy Dungeon | white, 5.3 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #828778 0.000% 7.692%, #8a9373 7.692% 15.385%, #98a468 15.385% 23.077%, #a8ae5b 23.077% 30.769%, #b3b055 30.769% 38.462%, #bcad53 38.462% 46.154%, #c3a54d 46.154% 53.846%, #cb9644 53.846% 61.538%, #cf8243 61.538% 69.231%, #ce6e48 69.231% 76.923%, #cd594b 76.923% 84.615%, #ca414f 84.615% 92.308%, #c72d55 92.308% 100.000%);
background: conic-gradient(from 210deg, oklch(61.42% 0.0234 122.34) 0.000% 7.692%, oklch(64.79% 0.0481 120.35) 7.692% 15.385%, oklch(69.42% 0.0822 117.29) 15.385% 23.077%, oklch(72.83% 0.1075 112.83) 23.077% 30.769%, oklch(74.13% 0.1146 107.35) 30.769% 38.462%, oklch(74.21% 0.1130 100.47) 38.462% 46.154%, oklch(73.23% 0.1130 90.64) 46.154% 53.846%, oklch(70.91% 0.1170 75.73) 53.846% 61.538%, oklch(67.54% 0.1226 57.88) 61.538% 69.231%, oklch(64.17% 0.1323 42.03) 69.231% 76.923%, oklch(60.82% 0.1505 29.35) 76.923% 84.615%, oklch(57.47% 0.1728 18.66) 84.615% 92.308%, oklch(55.12% 0.1888 11.38) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.023 | 122.3 |
| 2 | 0.728 | 0.107 | 112.8 |
| 3 | 0.732 | 0.113 | 90.6 |
| 4 | 0.642 | 0.132 | 42 |
| 5 | 0.551 | 0.189 | 11.4 |

## In these collections

- [Harvest swatches](https://grabient.com/harvest-swatches)

## Other forms

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