# Scarlet and Leaf Green Facets

The Crimson, ochre and forest green complementary palette brings together red, light red, green, and dark green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is dark green, and its lightest tone is light red.

- Also called: Red, pink, green and dark green angular swatches
- Seed: `kUkZEP7pm_c26TulHUBA`
- Page: https://grabient.com/kUkZEP7pm_c26TulHUBA?style=angularSwatches&steps=4&angle=45
- Drawn as: angular swatches, 4 steps, 45 degrees
- Kinds: light center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 8.9 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 | `#d42e3e` | `oklch(57.09% 0.1998 21.80)` | Trinidad Moruga Scorpion | white, 4.9 to 1 |
| 2 | `#ffc2c3` | `oklch(87.01% 0.0696 17.57)` | Pink and Sleek | black, 13.7 to 1 |
| 3 | `#389b3e` | `oklch(61.02% 0.1598 144.38)` | Gangly Gremlin | black, 5.9 to 1 |
| 4 | `#053612` | `oklch(29.13% 0.0799 147.55)` | Gameboy Contrast | white, 13.6 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #d42e3e 0.000% 25.000%, #ffc2c3 25.000% 50.000%, #389b3e 50.000% 75.000%, #053612 75.000% 100.000%);
background: conic-gradient(from 45deg, oklch(57.09% 0.1998 21.80) 0.000% 25.000%, oklch(87.01% 0.0696 17.57) 25.000% 50.000%, oklch(61.02% 0.1598 144.38) 50.000% 75.000%, oklch(29.13% 0.0799 147.55) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.2 | 21.8 |
| 2 | 0.87 | 0.07 | 17.6 |
| 3 | 0.61 | 0.16 | 144.4 |
| 4 | 0.291 | 0.08 | 147.6 |

## In these collections

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

## Other forms

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