# Circus prism spotlight

The Circus prism spotlight brings together dark purple, purple, teal, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is gold.

- Also called: Dark purple, purple, blue and yellow radial gradient
- Seed: `kUQTHZPk2_uOsNlstK_A`
- Page: https://grabient.com/kUQTHZPk2_uOsNlstK_A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 10.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 | `#2b193d` | `oklch(25.59% 0.0675 305.16)` | Blackcurrant | white, 16 to 1 |
| 2 | `#2f1a44` | `oklch(26.89% 0.0769 305.37)` | Blackcurrant | white, 15.5 to 1 |
| 3 | `#351b4d` | `oklch(28.53% 0.0902 306.08)` | Russian Violet | white, 14.8 to 1 |
| 4 | `#3d1b58` | `oklch(30.45% 0.1064 307.07)` | Obsidian Orchid | white, 14 to 1 |
| 5 | `#461b64` | `oklch(32.60% 0.1244 308.13)` | Fading Horizon | white, 13.1 to 1 |
| 6 | `#501a71` | `oklch(34.95% 0.1432 309.06)` | Velvet Vortex | white, 12.1 to 1 |
| 7 | `#5a197f` | `oklch(37.45% 0.1617 309.64)` | Intergalactic Settlement | white, 11.1 to 1 |
| 8 | `#64198e` | `oklch(40.04% 0.1790 309.67)` | Extraviolet | white, 10.1 to 1 |
| 9 | `#6e1b9d` | `oklch(42.69% 0.1938 308.93)` | Chinese Purple | white, 9.1 to 1 |
| 10 | `#7520ac` | `oklch(45.34% 0.2053 307.21)` | Fuchsia Nebula | white, 8.2 to 1 |
| 11 | `#7a29bb` | `oklch(47.96% 0.2124 304.31)` | Pheromone Purple | white, 7.3 to 1 |
| 12 | `#7b36ca` | `oklch(50.59% 0.2141 300.14)` | Purple Rain | white, 6.5 to 1 |
| 13 | `#7a45d7` | `oklch(53.47% 0.2110 295.01)` | Aconite Purple | white, 5.7 to 1 |
| 14 | `#7756e3` | `oklch(56.55% 0.2038 289.03)` | Candy Grape Fizz | white, 4.9 to 1 |
| 15 | `#7268ed` | `oklch(59.74% 0.1937 282.25)` | If I Could Fly | black, 4.9 to 1 |
| 16 | `#6b7af5` | `oklch(62.98% 0.1816 274.75)` | Byzantine Night Blue | black, 5.7 to 1 |
| 17 | `#638cf9` | `oklch(66.18% 0.1684 266.58)` | Punch Out Glove | black, 6.6 to 1 |
| 18 | `#5b9cfb` | `oklch(69.27% 0.1552 257.82)` | Blue Chaos | black, 7.5 to 1 |
| 19 | `#54abfa` | `oklch(72.16% 0.1428 248.53)` | Joust Blue | black, 8.5 to 1 |
| 20 | `#50b8f7` | `oklch(74.79% 0.1322 238.78)` | Glitter Lake | black, 9.5 to 1 |
| 21 | `#4dc3f3` | `oklch(77.06% 0.1244 228.63)` | Clean Pool | black, 10.4 to 1 |
| 22 | `#4acded` | `oklch(78.92% 0.1203 218.04)` | Picnic Day Sky | black, 11.2 to 1 |
| 23 | `#49d5e4` | `oklch(80.41% 0.1188 205.78)` | Thousand Sons Blue | black, 11.8 to 1 |
| 24 | `#4edbd6` | `oklch(81.61% 0.1192 191.92)` | Hammam Blue | black, 12.4 to 1 |
| 25 | `#5edfc4` | `oklch(82.54% 0.1211 176.96)` | Ocean in a Bowl | black, 12.8 to 1 |
| 26 | `#76e1af` | `oklch(83.27% 0.1241 161.43)` | Jovial Jade | black, 13.1 to 1 |
| 27 | `#92e097` | `oklch(83.82% 0.1279 145.85)` | Granny Smith Apple | black, 13.3 to 1 |
| 28 | `#addd7f` | `oklch(84.24% 0.1320 130.73)` | Wasabi | black, 13.4 to 1 |
| 29 | `#c7d86a` | `oklch(84.56% 0.1361 116.61)` | Cool as a Cucumber | black, 13.4 to 1 |
| 30 | `#ddd15a` | `oklch(84.85% 0.1399 103.99)` | Gold Deposit | black, 13.3 to 1 |
| 31 | `#eecc52` | `oklch(85.12% 0.1429 93.40)` | Fish Finger | black, 13.3 to 1 |
| 32 | `#fac750` | `oklch(85.43% 0.1447 85.35)` | Cakepop Sorbet | black, 13.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2b193d 0.0%, #2f1a44 3.2%, #351b4d 6.5%, #3d1b58 9.7%, #461b64 12.9%, #501a71 16.1%, #5a197f 19.4%, #64198e 22.6%, #6e1b9d 25.8%, #7520ac 29.0%, #7a29bb 32.3%, #7b36ca 35.5%, #7a45d7 38.7%, #7756e3 41.9%, #7268ed 45.2%, #6b7af5 48.4%, #638cf9 51.6%, #5b9cfb 54.8%, #54abfa 58.1%, #50b8f7 61.3%, #4dc3f3 64.5%, #4acded 67.7%, #49d5e4 71.0%, #4edbd6 74.2%, #5edfc4 77.4%, #76e1af 80.6%, #92e097 83.9%, #addd7f 87.1%, #c7d86a 90.3%, #ddd15a 93.5%, #eecc52 96.8%, #fac750 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.59% 0.0675 305.16) 0.0%, oklch(26.89% 0.0769 305.37) 3.2%, oklch(28.53% 0.0902 306.08) 6.5%, oklch(30.45% 0.1064 307.07) 9.7%, oklch(32.60% 0.1244 308.13) 12.9%, oklch(34.95% 0.1432 309.06) 16.1%, oklch(37.45% 0.1617 309.64) 19.4%, oklch(40.04% 0.1790 309.67) 22.6%, oklch(42.69% 0.1938 308.93) 25.8%, oklch(45.34% 0.2053 307.21) 29.0%, oklch(47.96% 0.2124 304.31) 32.3%, oklch(50.59% 0.2141 300.14) 35.5%, oklch(53.47% 0.2110 295.01) 38.7%, oklch(56.55% 0.2038 289.03) 41.9%, oklch(59.74% 0.1937 282.25) 45.2%, oklch(62.98% 0.1816 274.75) 48.4%, oklch(66.18% 0.1684 266.58) 51.6%, oklch(69.27% 0.1552 257.82) 54.8%, oklch(72.16% 0.1428 248.53) 58.1%, oklch(74.79% 0.1322 238.78) 61.3%, oklch(77.06% 0.1244 228.63) 64.5%, oklch(78.92% 0.1203 218.04) 67.7%, oklch(80.41% 0.1188 205.78) 71.0%, oklch(81.61% 0.1192 191.92) 74.2%, oklch(82.54% 0.1211 176.96) 77.4%, oklch(83.27% 0.1241 161.43) 80.6%, oklch(83.82% 0.1279 145.85) 83.9%, oklch(84.24% 0.1320 130.73) 87.1%, oklch(84.56% 0.1361 116.61) 90.3%, oklch(84.85% 0.1399 103.99) 93.5%, oklch(85.12% 0.1429 93.40) 96.8%, oklch(85.43% 0.1447 85.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.068 | 305.2 |
| 2 | 0.488 | 0.214 | 303 |
| 3 | 0.783 | 0.121 | 221.7 |
| 4 | 0.854 | 0.145 | 85.4 |

## In these collections

- [Funhaus](https://grabient.com/funhaus)

## Other forms

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