# Crimson and deep teal red and green

The Crimson and deep teal red and green brings together red, gray, and green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is red.

- Also called: Complementary maroon to dark green radial gradient
- Seed: `kagl4HuKW_rQRQKzCE5NxfCjYbQEwGcBA`
- Page: https://grabient.com/kagl4HuKW_rQRQKzCE5NxfCjYbQEwGcBA?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.5 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 | `#a24155` | `oklch(51.18% 0.1295 10.55)` | Night Shadz | white, 6.1 to 1 |
| 2 | `#9e4053` | `oklch(50.26% 0.1266 10.14)` | Strawberry Daiquiri | white, 6.3 to 1 |
| 3 | `#983d51` | `oklch(48.93% 0.1227 9.49)` | Algae Red | white, 6.7 to 1 |
| 4 | `#913b4e` | `oklch(47.41% 0.1178 8.83)` | Luscious | white, 7.1 to 1 |
| 5 | `#8a394b` | `oklch(45.92% 0.1118 8.38)` | Rushing Red | white, 7.6 to 1 |
| 6 | `#833849` | `oklch(44.66% 0.1047 8.37)` | Camelot | white, 7.9 to 1 |
| 7 | `#7d3948` | `oklch(43.71% 0.0956 7.72)` | Ripe Rhubarb | white, 8.2 to 1 |
| 8 | `#753a49` | `oklch(42.89% 0.0843 5.38)` | July Ruby | white, 8.5 to 1 |
| 9 | `#6e3c49` | `oklch(42.18% 0.0719 3.62)` | Ripening Grape | white, 8.7 to 1 |
| 10 | `#683e48` | `oklch(41.59% 0.0599 4.75)` | Vineyard Wine | white, 8.8 to 1 |
| 11 | `#633f44` | `oklch(41.09% 0.0497 11.10)` | Deep Maroon | white, 9 to 1 |
| 12 | `#5e413e` | `oklch(40.68% 0.0416 25.54)` | Chicory Root | white, 9.1 to 1 |
| 13 | `#584338` | `oklch(40.35% 0.0341 48.95)` | Lava Cake | white, 9.1 to 1 |
| 14 | `#514637` | `oklch(40.12% 0.0278 76.94)` | Kuri Black | white, 9.1 to 1 |
| 15 | `#49493a` | `oklch(40.02% 0.0234 104.84)` | Treasure Island | white, 9.1 to 1 |
| 16 | `#444a3e` | `oklch(40.07% 0.0216 127.97)` | Laurel Woods | white, 9.1 to 1 |
| 17 | `#414c40` | `oklch(40.32% 0.0237 142.45)` | Foxhall Green | white, 8.9 to 1 |
| 18 | `#3e4f42` | `oklch(40.90% 0.0305 150.57)` | Pine Forest | white, 8.7 to 1 |
| 19 | `#3b5342` | `oklch(41.67% 0.0404 154.59)` | Pine Forest | white, 8.4 to 1 |
| 20 | `#365743` | `oklch(42.44% 0.0511 156.24)` | O’Neal Green | white, 8 to 1 |
| 21 | `#325a43` | `oklch(43.06% 0.0604 157.28)` | Billiard Green | white, 7.8 to 1 |
| 22 | `#2d5c44` | `oklch(43.38% 0.0663 159.23)` | Greenbriar | white, 7.7 to 1 |
| 23 | `#295d44` | `oklch(43.48% 0.0699 160.66)` | Greenbriar | white, 7.6 to 1 |
| 24 | `#265d44` | `oklch(43.44% 0.0721 161.22)` | Greenbriar | white, 7.6 to 1 |
| 25 | `#255d43` | `oklch(43.25% 0.0733 161.31)` | Greenbriar | white, 7.7 to 1 |
| 26 | `#235c42` | `oklch(42.91% 0.0740 161.36)` | Greenbriar | white, 7.8 to 1 |
| 27 | `#205b41` | `oklch(42.42% 0.0745 161.77)` | Greenbriar | white, 7.9 to 1 |
| 28 | `#1d5840` | `oklch(41.63% 0.0743 162.44)` | Billiard Table | white, 8.2 to 1 |
| 29 | `#1a553e` | `oklch(40.58% 0.0734 163.15)` | Bagpiper | white, 8.6 to 1 |
| 30 | `#17523c` | `oklch(39.46% 0.0722 163.84)` | Trapper Green | white, 9 to 1 |
| 31 | `#144f3a` | `oklch(38.47% 0.0710 164.42)` | Raspberry Leaf Green | white, 9.4 to 1 |
| 32 | `#124d38` | `oklch(37.80% 0.0703 164.83)` | Raspberry Leaf Green | white, 9.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a24155 0.0%, #9e4053 3.2%, #983d51 6.5%, #913b4e 9.7%, #8a394b 12.9%, #833849 16.1%, #7d3948 19.4%, #753a49 22.6%, #6e3c49 25.8%, #683e48 29.0%, #633f44 32.3%, #5e413e 35.5%, #584338 38.7%, #514637 41.9%, #49493a 45.2%, #444a3e 48.4%, #414c40 51.6%, #3e4f42 54.8%, #3b5342 58.1%, #365743 61.3%, #325a43 64.5%, #2d5c44 67.7%, #295d44 71.0%, #265d44 74.2%, #255d43 77.4%, #235c42 80.6%, #205b41 83.9%, #1d5840 87.1%, #1a553e 90.3%, #17523c 93.5%, #144f3a 96.8%, #124d38 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.18% 0.1295 10.55) 0.0%, oklch(50.26% 0.1266 10.14) 3.2%, oklch(48.93% 0.1227 9.49) 6.5%, oklch(47.41% 0.1178 8.83) 9.7%, oklch(45.92% 0.1118 8.38) 12.9%, oklch(44.66% 0.1047 8.37) 16.1%, oklch(43.71% 0.0956 7.72) 19.4%, oklch(42.89% 0.0843 5.38) 22.6%, oklch(42.18% 0.0719 3.62) 25.8%, oklch(41.59% 0.0599 4.75) 29.0%, oklch(41.09% 0.0497 11.10) 32.3%, oklch(40.68% 0.0416 25.54) 35.5%, oklch(40.35% 0.0341 48.95) 38.7%, oklch(40.12% 0.0278 76.94) 41.9%, oklch(40.02% 0.0234 104.84) 45.2%, oklch(40.07% 0.0216 127.97) 48.4%, oklch(40.32% 0.0237 142.45) 51.6%, oklch(40.90% 0.0305 150.57) 54.8%, oklch(41.67% 0.0404 154.59) 58.1%, oklch(42.44% 0.0511 156.24) 61.3%, oklch(43.06% 0.0604 157.28) 64.5%, oklch(43.38% 0.0663 159.23) 67.7%, oklch(43.48% 0.0699 160.66) 71.0%, oklch(43.44% 0.0721 161.22) 74.2%, oklch(43.25% 0.0733 161.31) 77.4%, oklch(42.91% 0.0740 161.36) 80.6%, oklch(42.42% 0.0745 161.77) 83.9%, oklch(41.63% 0.0743 162.44) 87.1%, oklch(40.58% 0.0734 163.15) 90.3%, oklch(39.46% 0.0722 163.84) 93.5%, oklch(38.47% 0.0710 164.42) 96.8%, oklch(37.80% 0.0703 164.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.13 | 10.5 |
| 2 | 0.445 | 0.103 | 8.4 |
| 3 | 0.409 | 0.047 | 14.8 |
| 4 | 0.402 | 0.022 | 136.3 |
| 5 | 0.433 | 0.065 | 158.5 |
| 6 | 0.425 | 0.074 | 161.7 |
| 7 | 0.378 | 0.07 | 164.8 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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