# Forest green, ochre and magenta split complementary

The Forest green, ochre and magenta split complementary brings together green, pale green, red, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Green, gray, red and purple linear swatches
- Seed: `kUh3tncBI_9HBslJwblg`
- Page: https://grabient.com/kUh3tncBI_9HBslJwblg?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#008420` | `oklch(53.15% 0.1680 144.83)` | Fatal Fields | white, 4.8 to 1 |
| 2 | `#c5e1c4` | `oklch(88.19% 0.0496 144.84)` | Green Myth | black, 14.9 to 1 |
| 3 | `#e55746` | `oklch(64.17% 0.1805 29.66)` | Tiger Lily | black, 5.7 to 1 |
| 4 | `#b647a4` | `oklch(57.87% 0.1805 334.71)` | Ultraviolet Nusp | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #008420 0.000% 25.000%, #c5e1c4 25.000% 50.000%, #e55746 50.000% 75.000%, #b647a4 75.000% 100.000%);
background: linear-gradient(180deg, oklch(53.15% 0.1680 144.83) 0.000% 25.000%, oklch(88.19% 0.0496 144.84) 25.000% 50.000%, oklch(64.17% 0.1805 29.66) 50.000% 75.000%, oklch(57.87% 0.1805 334.71) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.169 | 144.8 |
| 2 | 0.882 | 0.05 | 144.8 |
| 3 | 0.642 | 0.181 | 29.7 |
| 4 | 0.579 | 0.181 | -25.3 |

## In these collections

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

## Other forms

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