# Plum orange flare

The Plum orange flare brings together dark purple, purple, magenta, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark purple, and its lightest tone is orange.

- Also called: Black, purple, pink and orange radial gradient
- Seed: `kUMyPYMbe_kRSRBbwUlA`
- Page: https://grabient.com/kUMyPYMbe_kRSRBbwUlA?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: 6.9 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 | `#1b1028` | `oklch(20.08% 0.0482 303.75)` | Inside | white, 18.2 to 1 |
| 2 | `#1e112d` | `oklch(21.18% 0.0544 303.41)` | Blacklist | white, 17.8 to 1 |
| 3 | `#221334` | `oklch(22.61% 0.0624 302.76)` | Blacklist | white, 17.3 to 1 |
| 4 | `#27153c` | `oklch(24.31% 0.0719 301.92)` | Prune Plum | white, 16.6 to 1 |
| 5 | `#2c1845` | `oklch(26.22% 0.0826 301.01)` | Russian Violet | white, 15.8 to 1 |
| 6 | `#321b50` | `oklch(28.27% 0.0941 300.12)` | Russian Violet | white, 14.9 to 1 |
| 7 | `#381e5b` | `oklch(30.39% 0.1059 299.38)` | Christalle | white, 14 to 1 |
| 8 | `#3e2067` | `oklch(32.53% 0.1178 298.90)` | Fading Horizon | white, 13 to 1 |
| 9 | `#442372` | `oklch(34.63% 0.1294 298.78)` | Fading Horizon | white, 12.1 to 1 |
| 10 | `#4b257c` | `oklch(36.61% 0.1402 299.15)` | Spanish Violet | white, 11.3 to 1 |
| 11 | `#522785` | `oklch(38.42% 0.1500 300.11)` | KSU Purple | white, 10.5 to 1 |
| 12 | `#59288d` | `oklch(40.03% 0.1588 301.67)` | Night Fever | white, 9.9 to 1 |
| 13 | `#602894` | `oklch(41.53% 0.1678 303.56)` | Queens of the Dead | white, 9.4 to 1 |
| 14 | `#68279a` | `oklch(42.95% 0.1770 305.78)` | Queens of the Dead | white, 8.9 to 1 |
| 15 | `#70269f` | `oklch(44.31% 0.1861 308.34)` | Orb of Discord | white, 8.4 to 1 |
| 16 | `#7924a4` | `oklch(45.63% 0.1948 311.26)` | Fuchsia Nebula | white, 8 to 1 |
| 17 | `#8322a7` | `oklch(46.94% 0.2029 314.56)` | Noble Cause Purple | white, 7.6 to 1 |
| 18 | `#8c1fa8` | `oklch(48.26% 0.2102 318.26)` | Minesweeper’s Purple | white, 7.2 to 1 |
| 19 | `#971ba8` | `oklch(49.61% 0.2164 322.36)` | Shiffurple | white, 6.9 to 1 |
| 20 | `#a219a6` | `oklch(51.02% 0.2214 326.90)` | Magentle | white, 6.5 to 1 |
| 21 | `#ad17a2` | `oklch(52.50% 0.2247 331.88)` | Ultra Violet Lentz | white, 6.1 to 1 |
| 22 | `#b9179c` | `oklch(54.09% 0.2263 337.38)` | Jealous Jellyfish | white, 5.7 to 1 |
| 23 | `#c51a93` | `oklch(55.87% 0.2255 344.08)` | Indian Lake | white, 5.3 to 1 |
| 24 | `#d22187` | `oklch(57.82% 0.2226 351.91)` | Purple Heart Kiwi | white, 4.8 to 1 |
| 25 | `#de2a79` | `oklch(59.87% 0.2181 0.53)` | Mystic Magenta | black, 4.7 to 1 |
| 26 | `#e73769` | `oklch(61.97% 0.2124 9.60)` | Fantasy Romance | black, 5.1 to 1 |
| 27 | `#ef4459` | `oklch(64.05% 0.2060 18.79)` | Vineyard Autumn | black, 5.6 to 1 |
| 28 | `#f45348` | `oklch(66.05% 0.1994 27.75)` | Pumping Spice | black, 6.1 to 1 |
| 29 | `#f76137` | `oklch(67.91% 0.1929 36.17)` | Vermilion Orange | black, 6.6 to 1 |
| 30 | `#f86d26` | `oklch(69.57% 0.1871 43.69)` | Apocalyptic Orange | black, 7.2 to 1 |
| 31 | `#f87814` | `oklch(70.97% 0.1823 49.98)` | Liquid Lava | black, 7.6 to 1 |
| 32 | `#f78000` | `oklch(72.05% 0.1791 54.69)` | University of Tennessee Orange | black, 8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1b1028 0.0%, #1e112d 3.2%, #221334 6.5%, #27153c 9.7%, #2c1845 12.9%, #321b50 16.1%, #381e5b 19.4%, #3e2067 22.6%, #442372 25.8%, #4b257c 29.0%, #522785 32.3%, #59288d 35.5%, #602894 38.7%, #68279a 41.9%, #70269f 45.2%, #7924a4 48.4%, #8322a7 51.6%, #8c1fa8 54.8%, #971ba8 58.1%, #a219a6 61.3%, #ad17a2 64.5%, #b9179c 67.7%, #c51a93 71.0%, #d22187 74.2%, #de2a79 77.4%, #e73769 80.6%, #ef4459 83.9%, #f45348 87.1%, #f76137 90.3%, #f86d26 93.5%, #f87814 96.8%, #f78000 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0482 303.75) 0.0%, oklch(21.18% 0.0544 303.41) 3.2%, oklch(22.61% 0.0624 302.76) 6.5%, oklch(24.31% 0.0719 301.92) 9.7%, oklch(26.22% 0.0826 301.01) 12.9%, oklch(28.27% 0.0941 300.12) 16.1%, oklch(30.39% 0.1059 299.38) 19.4%, oklch(32.53% 0.1178 298.90) 22.6%, oklch(34.63% 0.1294 298.78) 25.8%, oklch(36.61% 0.1402 299.15) 29.0%, oklch(38.42% 0.1500 300.11) 32.3%, oklch(40.03% 0.1588 301.67) 35.5%, oklch(41.53% 0.1678 303.56) 38.7%, oklch(42.95% 0.1770 305.78) 41.9%, oklch(44.31% 0.1861 308.34) 45.2%, oklch(45.63% 0.1948 311.26) 48.4%, oklch(46.94% 0.2029 314.56) 51.6%, oklch(48.26% 0.2102 318.26) 54.8%, oklch(49.61% 0.2164 322.36) 58.1%, oklch(51.02% 0.2214 326.90) 61.3%, oklch(52.50% 0.2247 331.88) 64.5%, oklch(54.09% 0.2263 337.38) 67.7%, oklch(55.87% 0.2255 344.08) 71.0%, oklch(57.82% 0.2226 351.91) 74.2%, oklch(59.87% 0.2181 0.53) 77.4%, oklch(61.97% 0.2124 9.60) 80.6%, oklch(64.05% 0.2060 18.79) 83.9%, oklch(66.05% 0.1994 27.75) 87.1%, oklch(67.91% 0.1929 36.17) 90.3%, oklch(69.57% 0.1871 43.69) 93.5%, oklch(70.97% 0.1823 49.98) 96.8%, oklch(72.05% 0.1791 54.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.048 | 303.8 |
| 2 | 0.39 | 0.153 | 300.6 |
| 3 | 0.535 | 0.226 | 335.5 |
| 4 | 0.72 | 0.179 | 414.7 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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