# Wine and Neon Mint Rings

These concentric rings move outward through deep magenta, vivid teal, magenta, and deep teal. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Rainbow from maroon to dark green radial swatches
- Seed: `kUSE0GcDVUzs21OhkCqg`
- Page: https://grabient.com/kUSE0GcDVUzs21OhkCqg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.2 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 | `#51051f` | `oklch(28.35% 0.1061 8.44)` | Fig Balsamic | white, 15 to 1 |
| 2 | `#38f7e4` | `oklch(88.19% 0.1461 184.91)` | Bright Aqua | black, 15.5 to 1 |
| 3 | `#982852` | `oklch(46.46% 0.1502 2.45)` | Raspberry Romantic | white, 7.6 to 1 |
| 4 | `#042c27` | `oklch(26.38% 0.0441 182.80)` | Guerrilla Forest | white, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #51051f 0.000% 25.000%, #38f7e4 25.000% 50.000%, #982852 50.000% 75.000%, #042c27 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(28.35% 0.1061 8.44) 0.000% 25.000%, oklch(88.19% 0.1461 184.91) 25.000% 50.000%, oklch(46.46% 0.1502 2.45) 50.000% 75.000%, oklch(26.38% 0.0441 182.80) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.106 | 8.4 |
| 2 | 0.882 | 0.146 | 184.9 |
| 3 | 0.465 | 0.15 | 362.4 |
| 4 | 0.264 | 0.044 | 182.8 |

## In these collections

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

## Other forms

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