# Pale green emerald circles

Green, light blue and light green angular swatches with 6 colors: #6a996d, #dbf7ec, #000a0a, #48f885, #c6d8aa, #3a6f2d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, light blue and light green angular swatches
- Seed: `kYojxoeQxCxCIQtuTLq7Re874pQa`
- Page: https://grabient.com/kYojxoeQxCxCIQtuTLq7Re874pQa?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 17.7 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 | `#6a996d` | `oklch(63.78% 0.0827 146.25)` | Rosemary Green | black, 6.4 to 1 |
| 2 | `#dbf7ec` | `oklch(95.28% 0.0331 170.56)` | Treacherous Blizzard | black, 18.5 to 1 |
| 3 | `#000a0a` | `oklch(12.99% 0.0220 194.86)` | Black Knight | white, 20 to 1 |
| 4 | `#48f885` | `oklch(86.61% 0.2108 150.48)` | Wintergreen | black, 15 to 1 |
| 5 | `#c6d8aa` | `oklch(85.83% 0.0648 125.11)` | Winter Willow Green | black, 13.8 to 1 |
| 6 | `#3a6f2d` | `oklch(48.82% 0.1130 139.91)` | Druid Green | white, 6 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #6a996d 0.000% 16.667%, #dbf7ec 16.667% 33.333%, #000a0a 33.333% 50.000%, #48f885 50.000% 66.667%, #c6d8aa 66.667% 83.333%, #3a6f2d 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(63.78% 0.0827 146.25) 0.000% 16.667%, oklch(95.28% 0.0331 170.56) 16.667% 33.333%, oklch(12.99% 0.0220 194.86) 33.333% 50.000%, oklch(86.61% 0.2108 150.48) 50.000% 66.667%, oklch(85.83% 0.0648 125.11) 66.667% 83.333%, oklch(48.82% 0.1130 139.91) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.083 | 146.3 |
| 2 | 0.953 | 0.033 | 170.6 |
| 3 | 0.13 | 0.022 | 194.9 |
| 4 | 0.866 | 0.211 | 150.5 |
| 5 | 0.858 | 0.065 | 125.1 |
| 6 | 0.488 | 0.113 | 139.9 |

## In these collections

- [Green swatches](https://grabient.com/green-swatches)

## Other forms

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