# Cobalt cyan lime rings

Deep violet and cobalt open into bright cyan, fresh green, and luminous lime around a pale center. The concentric movement feels electric, optimistic, and playful. Use it for sports graphics, youth apparel, music artwork, and searches for neon blue green palettes, bright rings, or energetic color swatches.

- Also called: Vivid yellow, green, teal and blue radial swatches
- Seed: `kW9GlT69BC2azRNPyUixVfDg`
- Page: https://grabient.com/kW9GlT69BC2azRNPyUixVfDg?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, vivid, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.1 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 | `#eaff8a` | `oklch(96.06% 0.1436 117.42)` | Metal Spark | black, 19.1 to 1 |
| 2 | `#6aef5c` | `oklch(84.65% 0.2205 141.73)` | The Matrix | black, 14 to 1 |
| 3 | `#1bddc8` | `oklch(80.71% 0.1406 182.94)` | Mint Morning | black, 12.2 to 1 |
| 4 | `#2284fe` | `oklch(62.60% 0.2012 256.91)` | Bubble Bobble P2 | black, 5.7 to 1 |
| 5 | `#7143f0` | `oklch(54.33% 0.2411 287.56)` | Bluish Purple | white, 5.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eaff8a 0.000% 20.000%, #6aef5c 20.000% 40.000%, #1bddc8 40.000% 60.000%, #2284fe 60.000% 80.000%, #7143f0 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(96.06% 0.1436 117.42) 0.000% 20.000%, oklch(84.65% 0.2205 141.73) 20.000% 40.000%, oklch(80.71% 0.1406 182.94) 40.000% 60.000%, oklch(62.60% 0.2012 256.91) 60.000% 80.000%, oklch(54.33% 0.2411 287.56) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.145 | 117.4 |
| 2 | 0.846 | 0.22 | 141.7 |
| 3 | 0.807 | 0.141 | 182.9 |
| 4 | 0.626 | 0.201 | 256.9 |
| 5 | 0.543 | 0.241 | 287.6 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Golden pollen](https://grabient.com/golden-pollen)
- [Bright swatches](https://grabient.com/bright-swatches)

## Other forms

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