# Gold Violet Blue Halo

These concentric rings move outward through gold, pale blue, deep gold, violet, deep gold, and blue. 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: Brown, lavender, black and blue radial swatches
- Seed: `kYqV1DbhesiGS0i9Ni2oxPUM4iq0`
- Page: https://grabient.com/kYqV1DbhesiGS0i9Ni2oxPUM4iq0?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#ad921e` | `oklch(66.54% 0.1281 94.22)` | Manure | black, 6.8 to 1 |
| 2 | `#d2ccfb` | `oklch(86.61% 0.0648 290.42)` | Lavender Blue | black, 13.8 to 1 |
| 3 | `#302302` | `oklch(26.38% 0.0510 84.71)` | Black Swan | white, 15.4 to 1 |
| 4 | `#6049aa` | `oklch(48.03% 0.1488 290.42)` | Swiss Plum | white, 6.9 to 1 |
| 5 | `#2d2803` | `oklch(27.56% 0.0537 101.62)` | Black Swan | white, 14.7 to 1 |
| 6 | `#817bbb` | `oklch(61.42% 0.0951 287.25)` | Astro Zinger | black, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ad921e 0.000% 16.667%, #d2ccfb 16.667% 33.333%, #302302 33.333% 50.000%, #6049aa 50.000% 66.667%, #2d2803 66.667% 83.333%, #817bbb 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(66.54% 0.1281 94.22) 0.000% 16.667%, oklch(86.61% 0.0648 290.42) 16.667% 33.333%, oklch(26.38% 0.0510 84.71) 33.333% 50.000%, oklch(48.03% 0.1488 290.42) 50.000% 66.667%, oklch(27.56% 0.0537 101.62) 66.667% 83.333%, oklch(61.42% 0.0951 287.25) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.128 | 94.2 |
| 2 | 0.866 | 0.065 | -69.6 |
| 3 | 0.264 | 0.051 | 84.7 |
| 4 | 0.48 | 0.149 | -69.6 |
| 5 | 0.276 | 0.054 | 101.6 |
| 6 | 0.614 | 0.095 | -72.7 |

## In these collections

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

## Other forms

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