# Purple, magenta, orange and yellow radial swatches

Purple, magenta, orange and yellow radial swatches with 32 colors: #5f0a4d, #640a50, #6b0a53, #730a58, #7d095c, #880761, #930665, #9f0568, #aa056b, #b5066c, #be0b6c, #c7136b, #ce1b69, #d52466, #db2d63, #e0365f, #e53f5b, #e94856, #ed5151, #f1594c, #f56245, #f86a3e, #fc7434, #ff7e26, #ff8a1c, #ff960d, #fea200, #fcae00, #fab800, #f7c100, #f5c900, #f2cf0d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUVWLxQ8zCNfDRHtP8cA`
- Page: https://grabient.com/kUVWLxQ8zCNfDRHtP8cA?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.3 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 | `#5f0a4d` | `oklch(33.46% 0.1350 338.91)` | Grape Purple | white, 12.8 to 1 |
| 2 | `#640a50` | `oklch(34.61% 0.1398 339.92)` | Grape Purple | white, 12.3 to 1 |
| 3 | `#6b0a53` | `oklch(36.10% 0.1465 341.10)` | Rich Purple | white, 11.6 to 1 |
| 4 | `#730a58` | `oklch(37.86% 0.1546 342.47)` | Rich Purple | white, 10.9 to 1 |
| 5 | `#7d095c` | `oklch(39.83% 0.1635 344.01)` | Xereus Purple | white, 10.1 to 1 |
| 6 | `#880761` | `oklch(41.96% 0.1730 345.74)` | Possessed Purple | white, 9.3 to 1 |
| 7 | `#930665` | `oklch(44.17% 0.1824 347.64)` | 8 Bit Eggplant | white, 8.5 to 1 |
| 8 | `#9f0568` | `oklch(46.40% 0.1913 349.71)` | Red Violet | white, 7.8 to 1 |
| 9 | `#aa056b` | `oklch(48.58% 0.1991 351.97)` | Velvet Cupcake | white, 7.1 to 1 |
| 10 | `#b5066c` | `oklch(50.66% 0.2055 354.40)` | Botticelli | white, 6.5 to 1 |
| 11 | `#be0b6c` | `oklch(52.56% 0.2099 357.02)` | Spiced Purple | white, 6 to 1 |
| 12 | `#c7136b` | `oklch(54.27% 0.2120 359.80)` | Vampiric Bloodlust | white, 5.6 to 1 |
| 13 | `#ce1b69` | `oklch(55.90% 0.2122 2.74)` | Sensitive Scorpion | white, 5.2 to 1 |
| 14 | `#d52466` | `oklch(57.46% 0.2109 5.85)` | Dogwood Rose | white, 4.9 to 1 |
| 15 | `#db2d63` | `oklch(58.98% 0.2084 9.12)` | Cerise Red | white, 4.5 to 1 |
| 16 | `#e0365f` | `oklch(60.46% 0.2050 12.58)` | Intense Passion | black, 4.8 to 1 |
| 17 | `#e53f5b` | `oklch(61.93% 0.2010 16.22)` | Paradise Pink | black, 5.1 to 1 |
| 18 | `#e94856` | `oklch(63.38% 0.1969 20.06)` | Watermelonade | black, 5.5 to 1 |
| 19 | `#ed5151` | `oklch(64.85% 0.1927 24.11)` | Pastel Strawberry | black, 5.8 to 1 |
| 20 | `#f1594c` | `oklch(66.33% 0.1890 28.37)` | Hot Coral | black, 6.2 to 1 |
| 21 | `#f56245` | `oklch(67.86% 0.1861 32.85)` | Vermilion Orange | black, 6.6 to 1 |
| 22 | `#f86a3e` | `oklch(69.43% 0.1841 37.61)` | Halloween | black, 7.1 to 1 |
| 23 | `#fc7434` | `oklch(71.15% 0.1825 43.09)` | Crayola Orange | black, 7.6 to 1 |
| 24 | `#ff7e26` | `oklch(72.97% 0.1812 49.26)` | Orange You Happy? | black, 8.2 to 1 |
| 25 | `#ff8a1c` | `oklch(74.87% 0.1762 55.88)` | Autumn Glory | black, 8.9 to 1 |
| 26 | `#ff960d` | `oklch(76.78% 0.1733 62.74)` | Sunset Boulevard | black, 9.6 to 1 |
| 27 | `#fea200` | `oklch(78.66% 0.1708 69.59)` | Vivid Orange Peel | black, 10.3 to 1 |
| 28 | `#fcae00` | `oklch(80.45% 0.1688 76.24)` | Lemon Chrome | black, 11.1 to 1 |
| 29 | `#fab800` | `oklch(82.11% 0.1690 82.45)` | Blue Angels Yellow | black, 11.8 to 1 |
| 30 | `#f7c100` | `oklch(83.60% 0.1709 88.00)` | Wisteria Yellow | black, 12.5 to 1 |
| 31 | `#f5c900` | `oklch(84.85% 0.1737 92.66)` | Egg Toast | black, 13.1 to 1 |
| 32 | `#f2cf0d` | `oklch(85.83% 0.1750 96.21)` | Under the Sun | black, 13.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5f0a4d 0.000% 3.125%, #640a50 3.125% 6.250%, #6b0a53 6.250% 9.375%, #730a58 9.375% 12.500%, #7d095c 12.500% 15.625%, #880761 15.625% 18.750%, #930665 18.750% 21.875%, #9f0568 21.875% 25.000%, #aa056b 25.000% 28.125%, #b5066c 28.125% 31.250%, #be0b6c 31.250% 34.375%, #c7136b 34.375% 37.500%, #ce1b69 37.500% 40.625%, #d52466 40.625% 43.750%, #db2d63 43.750% 46.875%, #e0365f 46.875% 50.000%, #e53f5b 50.000% 53.125%, #e94856 53.125% 56.250%, #ed5151 56.250% 59.375%, #f1594c 59.375% 62.500%, #f56245 62.500% 65.625%, #f86a3e 65.625% 68.750%, #fc7434 68.750% 71.875%, #ff7e26 71.875% 75.000%, #ff8a1c 75.000% 78.125%, #ff960d 78.125% 81.250%, #fea200 81.250% 84.375%, #fcae00 84.375% 87.500%, #fab800 87.500% 90.625%, #f7c100 90.625% 93.750%, #f5c900 93.750% 96.875%, #f2cf0d 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(33.46% 0.1350 338.91) 0.000% 3.125%, oklch(34.61% 0.1398 339.92) 3.125% 6.250%, oklch(36.10% 0.1465 341.10) 6.250% 9.375%, oklch(37.86% 0.1546 342.47) 9.375% 12.500%, oklch(39.83% 0.1635 344.01) 12.500% 15.625%, oklch(41.96% 0.1730 345.74) 15.625% 18.750%, oklch(44.17% 0.1824 347.64) 18.750% 21.875%, oklch(46.40% 0.1913 349.71) 21.875% 25.000%, oklch(48.58% 0.1991 351.97) 25.000% 28.125%, oklch(50.66% 0.2055 354.40) 28.125% 31.250%, oklch(52.56% 0.2099 357.02) 31.250% 34.375%, oklch(54.27% 0.2120 359.80) 34.375% 37.500%, oklch(55.90% 0.2122 2.74) 37.500% 40.625%, oklch(57.46% 0.2109 5.85) 40.625% 43.750%, oklch(58.98% 0.2084 9.12) 43.750% 46.875%, oklch(60.46% 0.2050 12.58) 46.875% 50.000%, oklch(61.93% 0.2010 16.22) 50.000% 53.125%, oklch(63.38% 0.1969 20.06) 53.125% 56.250%, oklch(64.85% 0.1927 24.11) 56.250% 59.375%, oklch(66.33% 0.1890 28.37) 59.375% 62.500%, oklch(67.86% 0.1861 32.85) 62.500% 65.625%, oklch(69.43% 0.1841 37.61) 65.625% 68.750%, oklch(71.15% 0.1825 43.09) 68.750% 71.875%, oklch(72.97% 0.1812 49.26) 71.875% 75.000%, oklch(74.87% 0.1762 55.88) 75.000% 78.125%, oklch(76.78% 0.1733 62.74) 78.125% 81.250%, oklch(78.66% 0.1708 69.59) 81.250% 84.375%, oklch(80.45% 0.1688 76.24) 84.375% 87.500%, oklch(82.11% 0.1690 82.45) 87.500% 90.625%, oklch(83.60% 0.1709 88.00) 90.625% 93.750%, oklch(84.85% 0.1737 92.66) 93.750% 96.875%, oklch(85.83% 0.1750 96.21) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.135 | 338.9 |
| 2 | 0.531 | 0.211 | 357.9 |
| 3 | 0.689 | 0.185 | 396 |
| 4 | 0.858 | 0.175 | 456.2 |

## In these collections

- [Neon gradients](https://grabient.com/neon-gradients)
- [Liminal Hours](https://grabient.com/liminal-hours-n5jqs8ak)

## Other forms

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