# Forest green lime lemon bands

Analogous dark green, teal and yellow linear swatches with 13 colors: #174e45, #1f5c55, #2c6d68, #3e7c7b, #4c8c81, #649c76, #78ac63, #90ba4a, #a5c941, #b8d847, #cbe55c, #dcf470, #eaff8c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous dark green, teal and yellow linear swatches
- Seed: `kcYiuAPJhA0gXwJSnzr3LS9Wc9vzxOz-ejg_w`
- Page: https://grabient.com/kcYiuAPJhA0gXwJSnzr3LS9Wc9vzxOz-ejg_w?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.6 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 | `#174e45` | `oklch(38.58% 0.0593 180.00)` | Swedish Green | white, 9.4 to 1 |
| 2 | `#1f5c55` | `oklch(43.41% 0.0635 184.09)` | Forest Biome | white, 7.7 to 1 |
| 3 | `#2c6d68` | `oklch(49.16% 0.0661 188.95)` | North Sea | white, 6 to 1 |
| 4 | `#3e7c7b` | `oklch(54.48% 0.0638 194.75)` | Blue Venus | white, 4.8 to 1 |
| 5 | `#4c8c81` | `oklch(59.52% 0.0686 181.37)` | Royal Palm | black, 5.4 to 1 |
| 6 | `#649c76` | `oklch(64.29% 0.0823 153.38)` | Rosemary Green | black, 6.5 to 1 |
| 7 | `#78ac63` | `oklch(68.90% 0.1148 137.07)` | Jealousy | black, 7.8 to 1 |
| 8 | `#90ba4a` | `oklch(73.51% 0.1481 127.13)` | Frog on a Log | black, 9.3 to 1 |
| 9 | `#a5c941` | `oklch(78.36% 0.1648 123.17)` | Android Green | black, 11 to 1 |
| 10 | `#b8d847` | `oklch(83.12% 0.1700 120.81)` | Badass Grass | black, 12.9 to 1 |
| 11 | `#cbe55c` | `oklch(87.71% 0.1642 119.08)` | Maximum Green Yellow | black, 14.9 to 1 |
| 12 | `#dcf470` | `oklch(92.34% 0.1588 118.06)` | Mystic Green | black, 17.2 to 1 |
| 13 | `#eaff8c` | `oklch(96.06% 0.1418 117.65)` | Metal Spark | black, 19.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #174e45 0.000% 7.692%, #1f5c55 7.692% 15.385%, #2c6d68 15.385% 23.077%, #3e7c7b 23.077% 30.769%, #4c8c81 30.769% 38.462%, #649c76 38.462% 46.154%, #78ac63 46.154% 53.846%, #90ba4a 53.846% 61.538%, #a5c941 61.538% 69.231%, #b8d847 69.231% 76.923%, #cbe55c 76.923% 84.615%, #dcf470 84.615% 92.308%, #eaff8c 92.308% 100.000%);
background: linear-gradient(90deg, oklch(38.58% 0.0593 180.00) 0.000% 7.692%, oklch(43.41% 0.0635 184.09) 7.692% 15.385%, oklch(49.16% 0.0661 188.95) 15.385% 23.077%, oklch(54.48% 0.0638 194.75) 23.077% 30.769%, oklch(59.52% 0.0686 181.37) 30.769% 38.462%, oklch(64.29% 0.0823 153.38) 38.462% 46.154%, oklch(68.90% 0.1148 137.07) 46.154% 53.846%, oklch(73.51% 0.1481 127.13) 53.846% 61.538%, oklch(78.36% 0.1648 123.17) 61.538% 69.231%, oklch(83.12% 0.1700 120.81) 69.231% 76.923%, oklch(87.71% 0.1642 119.08) 76.923% 84.615%, oklch(92.34% 0.1588 118.06) 84.615% 92.308%, oklch(96.06% 0.1418 117.65) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.059 | 180 |
| 2 | 0.476 | 0.066 | 187.4 |
| 3 | 0.567 | 0.065 | 192.7 |
| 4 | 0.65 | 0.085 | 150.4 |
| 5 | 0.728 | 0.145 | 128.2 |
| 6 | 0.811 | 0.169 | 121.9 |
| 7 | 0.89 | 0.163 | 118.7 |
| 8 | 0.961 | 0.154 | 117.7 |

## In these collections

- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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