# Ember circus spotlight

The Ember circus spotlight brings together dark blue, blue, red, and pale orange. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale orange.

- Also called: Navy, purple, magenta and peach radial gradient
- Seed: `kUPCGtq41BdVQUB4C0NA`
- Page: https://grabient.com/kUPCGtq41BdVQUB4C0NA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 14 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 | `#082032` | `oklch(23.62% 0.0455 243.98)` | The Count’s Black | white, 16.5 to 1 |
| 2 | `#0b2233` | `oklch(24.14% 0.0441 244.19)` | Fog of War | white, 16.3 to 1 |
| 3 | `#0e2333` | `oklch(24.68% 0.0413 243.77)` | Fog of War | white, 16 to 1 |
| 4 | `#112433` | `oklch(25.27% 0.0376 243.04)` | Fog of War | white, 15.8 to 1 |
| 5 | `#152633` | `oklch(25.95% 0.0335 242.29)` | Abyssal Anchorfish Blue | white, 15.5 to 1 |
| 6 | `#192833` | `oklch(26.75% 0.0297 241.83)` | Abyssal Anchorfish Blue | white, 15.1 to 1 |
| 7 | `#1c2a34` | `oklch(27.69% 0.0266 241.96)` | Oceanic Noir | white, 14.6 to 1 |
| 8 | `#202c36` | `oklch(28.82% 0.0249 242.98)` | Sky Captain | white, 14.1 to 1 |
| 9 | `#24303a` | `oklch(30.15% 0.0250 245.18)` | Chimney Sweep | white, 13.5 to 1 |
| 10 | `#273340` | `oklch(31.72% 0.0276 248.89)` | Anchors Aweigh | white, 12.7 to 1 |
| 11 | `#2b3848` | `oklch(33.57% 0.0332 254.38)` | In the Navy | white, 11.9 to 1 |
| 12 | `#303d53` | `oklch(35.75% 0.0430 262.18)` | Biscay | white, 10.9 to 1 |
| 13 | `#394163` | `oklch(38.33% 0.0587 272.81)` | Church Blue | white, 9.9 to 1 |
| 14 | `#474474` | `oklch(41.25% 0.0789 285.73)` | Deep Wisteria | white, 8.9 to 1 |
| 15 | `#5d4583` | `oklch(44.43% 0.1022 300.28)` | Gigas | white, 7.9 to 1 |
| 16 | `#78438d` | `oklch(47.80% 0.1270 315.86)` | Nightly Violet | white, 7 to 1 |
| 17 | `#963f8d` | `oklch(51.29% 0.1517 331.83)` | Purple Excellency | white, 6.1 to 1 |
| 18 | `#b53a83` | `oklch(54.82% 0.1747 347.55)` | Very Berry | white, 5.3 to 1 |
| 19 | `#d13671` | `oklch(58.32% 0.1946 2.41)` | Qermez Red | white, 4.6 to 1 |
| 20 | `#e73859` | `oklch(61.71% 0.2098 15.76)` | Desire | black, 5.1 to 1 |
| 21 | `#f8423d` | `oklch(64.92% 0.2188 26.99)` | Flamboyant | black, 5.8 to 1 |
| 22 | `#ff5728` | `oklch(67.91% 0.2122 35.55)` | Smashing Pumpkins | black, 6.6 to 1 |
| 23 | `#ff6f2d` | `oklch(70.93% 0.1911 42.15)` | Bright Orange | black, 7.5 to 1 |
| 24 | `#ff843e` | `oklch(74.04% 0.1706 47.29)` | Mango Tango | black, 8.6 to 1 |
| 25 | `#ff9654` | `oklch(77.17% 0.1500 51.18)` | Encounter | black, 9.7 to 1 |
| 26 | `#ffa76a` | `oklch(80.25% 0.1295 54.03)` | Echinoderm | black, 10.9 to 1 |
| 27 | `#ffb581` | `oklch(83.24% 0.1094 56.07)` | Baltic Amber | black, 12.2 to 1 |
| 28 | `#ffc397` | `oklch(86.06% 0.0903 57.50)` | Orange Sherbet | black, 13.4 to 1 |
| 29 | `#ffcfaa` | `oklch(88.65% 0.0729 58.55)` | Peach Juice | black, 14.7 to 1 |
| 30 | `#ffd9bc` | `oklch(90.96% 0.0577 59.43)` | Thousand Needles Sand | black, 15.8 to 1 |
| 31 | `#fee2cc` | `oklch(92.93% 0.0428 60.34)` | Melted Marshmallow | black, 16.9 to 1 |
| 32 | `#fce9d9` | `oklch(94.49% 0.0303 61.52)` | Poppy Crepe | black, 17.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #082032 0.0%, #0b2233 3.2%, #0e2333 6.5%, #112433 9.7%, #152633 12.9%, #192833 16.1%, #1c2a34 19.4%, #202c36 22.6%, #24303a 25.8%, #273340 29.0%, #2b3848 32.3%, #303d53 35.5%, #394163 38.7%, #474474 41.9%, #5d4583 45.2%, #78438d 48.4%, #963f8d 51.6%, #b53a83 54.8%, #d13671 58.1%, #e73859 61.3%, #f8423d 64.5%, #ff5728 67.7%, #ff6f2d 71.0%, #ff843e 74.2%, #ff9654 77.4%, #ffa76a 80.6%, #ffb581 83.9%, #ffc397 87.1%, #ffcfaa 90.3%, #ffd9bc 93.5%, #fee2cc 96.8%, #fce9d9 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(23.62% 0.0455 243.98) 0.0%, oklch(24.14% 0.0441 244.19) 3.2%, oklch(24.68% 0.0413 243.77) 6.5%, oklch(25.27% 0.0376 243.04) 9.7%, oklch(25.95% 0.0335 242.29) 12.9%, oklch(26.75% 0.0297 241.83) 16.1%, oklch(27.69% 0.0266 241.96) 19.4%, oklch(28.82% 0.0249 242.98) 22.6%, oklch(30.15% 0.0250 245.18) 25.8%, oklch(31.72% 0.0276 248.89) 29.0%, oklch(33.57% 0.0332 254.38) 32.3%, oklch(35.75% 0.0430 262.18) 35.5%, oklch(38.33% 0.0587 272.81) 38.7%, oklch(41.25% 0.0789 285.73) 41.9%, oklch(44.43% 0.1022 300.28) 45.2%, oklch(47.80% 0.1270 315.86) 48.4%, oklch(51.29% 0.1517 331.83) 51.6%, oklch(54.82% 0.1747 347.55) 54.8%, oklch(58.32% 0.1946 2.41) 58.1%, oklch(61.71% 0.2098 15.76) 61.3%, oklch(64.92% 0.2188 26.99) 64.5%, oklch(67.91% 0.2122 35.55) 67.7%, oklch(70.93% 0.1911 42.15) 71.0%, oklch(74.04% 0.1706 47.29) 74.2%, oklch(77.17% 0.1500 51.18) 77.4%, oklch(80.25% 0.1295 54.03) 80.6%, oklch(83.24% 0.1094 56.07) 83.9%, oklch(86.06% 0.0903 57.50) 87.1%, oklch(88.65% 0.0729 58.55) 90.3%, oklch(90.96% 0.0577 59.43) 93.5%, oklch(92.93% 0.0428 60.34) 96.8%, oklch(94.49% 0.0303 61.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.045 | 244 |
| 2 | 0.343 | 0.036 | 256.7 |
| 3 | 0.669 | 0.22 | 393 |
| 4 | 0.945 | 0.03 | 421.5 |

## In these collections

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

## Other forms

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