# Purple Green Near-Black Wedges

These angular wedges move through purple, green, near-black, vivid green, purple, and near-black. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Purple, green, black and dark green angular swatches
- Seed: `kYYGroYkXUhQYK9FNlNYq2rxmXVQ`
- Page: https://grabient.com/kYYGroYkXUhQYK9FNlNYq2rxmXVQ?style=angularSwatches&steps=6&angle=240
- Drawn as: angular swatches, 6 steps, 240 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.1 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 | `#671a6a` | `oklch(37.80% 0.1461 326.25)` | New Riders of the Purple Sage | white, 10.9 to 1 |
| 2 | `#68d154` | `oklch(77.17% 0.1915 140.61)` | Bitter Dandelion | black, 10.8 to 1 |
| 3 | `#1b0119` | `oklch(15.75% 0.0661 330.48)` | Black Sabbath | white, 19.7 to 1 |
| 4 | `#488112` | `oklch(54.33% 0.1488 134.27)` | Bilbao | white, 4.7 to 1 |
| 5 | `#de9ae3` | `oklch(77.56% 0.1254 324.14)` | Herb Robert | black, 9.8 to 1 |
| 6 | `#021d02` | `oklch(20.08% 0.0634 142.73)` | Rainforest Nights | white, 17.8 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #671a6a 0.000% 16.667%, #68d154 16.667% 33.333%, #1b0119 33.333% 50.000%, #488112 50.000% 66.667%, #de9ae3 66.667% 83.333%, #021d02 83.333% 100.000%);
background: conic-gradient(from 240deg, oklch(37.80% 0.1461 326.25) 0.000% 16.667%, oklch(77.17% 0.1915 140.61) 16.667% 33.333%, oklch(15.75% 0.0661 330.48) 33.333% 50.000%, oklch(54.33% 0.1488 134.27) 50.000% 66.667%, oklch(77.56% 0.1254 324.14) 66.667% 83.333%, oklch(20.08% 0.0634 142.73) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.146 | 326.3 |
| 2 | 0.772 | 0.192 | 500.6 |
| 3 | 0.157 | 0.066 | 330.5 |
| 4 | 0.543 | 0.149 | 494.3 |
| 5 | 0.776 | 0.125 | 324.1 |
| 6 | 0.201 | 0.063 | 502.7 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)

## Other forms

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