# Warm rainbow radial wheel

Rainbow from purple to blue angular swatches with 34 colors: #33006a, #3e0074, #4e0282, #620d8d, #791793, #931f8e, #ae297c, #c43a61, #d15243, #d66d2d, #d9852c, #dd9c40, #e2b159, #e7c36e, #e8d17c, #e4dd83, #dae787, #c9ee8a, #b4f18d, #9ff08c, #93e77b, #90d85b, #8bc633, #7ab612, #4cab32, #009a65, #00837a, #006e7f, #005a7f, #00497e, #00377b, #00207f, #0a007f, #0f006d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from purple to blue angular swatches
- Seed: `kcR3jSO0ZDlS1ynuJ8TcDfFFbDP02qMxn8nDg`
- Page: https://grabient.com/kcR3jSO0ZDlS1ynuJ8TcDfFFbDP02qMxn8nDg?style=angularSwatches&steps=34&angle=180
- Drawn as: angular swatches, 34 steps, 180 degrees
- Kinds: light center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.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 | `#33006a` | `oklch(27.98% 0.1534 295.27)` | Deep Violet | white, 15.5 to 1 |
| 2 | `#3e0074` | `oklch(30.65% 0.1648 298.73)` | Galactic Federation | white, 14.4 to 1 |
| 3 | `#4e0282` | `oklch(34.42% 0.1789 303.15)` | Pigment Indigo | white, 12.6 to 1 |
| 4 | `#620d8d` | `oklch(38.83% 0.1871 309.25)` | Extraviolet | white, 10.7 to 1 |
| 5 | `#791793` | `oklch(43.39% 0.1925 317.85)` | Orb of Discord | white, 8.8 to 1 |
| 6 | `#931f8e` | `oklch(47.63% 0.1921 329.87)` | Acai Juice | white, 7.4 to 1 |
| 7 | `#ae297c` | `oklch(51.82% 0.1856 347.26)` | Festival Fuchsia | white, 6.1 to 1 |
| 8 | `#c43a61` | `oklch(56.09% 0.1751 8.14)` | Cherry Lolly | white, 5 to 1 |
| 9 | `#d15243` | `oklch(60.40% 0.1631 29.47)` | Spirit Warrior | black, 5 to 1 |
| 10 | `#d66d2d` | `oklch(64.70% 0.1516 48.22)` | Christmas Orange | black, 6 to 1 |
| 11 | `#d9852c` | `oklch(69.09% 0.1419 61.93)` | Sunlounge | black, 7.3 to 1 |
| 12 | `#dd9c40` | `oklch(73.91% 0.1310 71.91)` | Pavilion Peach | black, 8.8 to 1 |
| 13 | `#e2b159` | `oklch(78.74% 0.1204 79.74)` | Cookie Crust | black, 10.6 to 1 |
| 14 | `#e7c36e` | `oklch(83.03% 0.1123 86.86)` | Sun Salutation | black, 12.4 to 1 |
| 15 | `#e8d17c` | `oklch(86.27% 0.1088 94.68)` | Choux à la Crème | black, 13.8 to 1 |
| 16 | `#e4dd83` | `oklch(88.32% 0.1120 104.35)` | Crescendo | black, 14.9 to 1 |
| 17 | `#dae787` | `oklch(89.59% 0.1208 115.14)` | Grape Cassata | black, 15.6 to 1 |
| 18 | `#c9ee8a` | `oklch(90.01% 0.1326 125.61)` | Sulu | black, 16 to 1 |
| 19 | `#b4f18d` | `oklch(89.47% 0.1446 134.32)` | Green Day | black, 15.9 to 1 |
| 20 | `#9ff08c` | `oklch(87.89% 0.1541 139.75)` | Ulva Lactuca Green | black, 15.2 to 1 |
| 21 | `#93e77b` | `oklch(84.94% 0.1638 138.90)` | Snarky Mint | black, 13.9 to 1 |
| 22 | `#90d85b` | `oklch(80.81% 0.1741 133.90)` | Lilliputian Lime | black, 12.1 to 1 |
| 23 | `#8bc633` | `oklch(75.98% 0.1823 129.32)` | Niblet Green | black, 10.2 to 1 |
| 24 | `#7ab612` | `oklch(70.92% 0.1858 129.74)` | Jubilant Meadow | black, 8.5 to 1 |
| 25 | `#4cab32` | `oklch(65.99% 0.1813 139.70)` | Green Seduction | black, 7.1 to 1 |
| 26 | `#009a65` | `oklch(60.63% 0.1366 160.23)` | Green Cyan | black, 5.8 to 1 |
| 27 | `#00837a` | `oklch(54.99% 0.0962 186.53)` | Egyptian Green | white, 4.6 to 1 |
| 28 | `#006e7f` | `oklch(49.42% 0.0866 213.26)` | Coastal Jetty | white, 5.9 to 1 |
| 29 | `#005a7f` | `oklch(44.26% 0.0940 235.10)` | Commandes | white, 7.5 to 1 |
| 30 | `#00497e` | `oklch(39.61% 0.1086 248.74)` | Kolibri Blue | white, 9.3 to 1 |
| 31 | `#00377b` | `oklch(35.05% 0.1280 257.68)` | Cobalt Blue Tarantula | white, 11.4 to 1 |
| 32 | `#00207f` | `oklch(30.85% 0.1619 263.37)` | Long-Haul Flight | white, 13.8 to 1 |
| 33 | `#0a007f` | `oklch(27.36% 0.1840 267.15)` | Navy Blue | white, 15.9 to 1 |
| 34 | `#0f006d` | `oklch(24.84% 0.1624 270.29)` | Quantum of Light | white, 16.9 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #33006a 0.000% 2.941%, #3e0074 2.941% 5.882%, #4e0282 5.882% 8.824%, #620d8d 8.824% 11.765%, #791793 11.765% 14.706%, #931f8e 14.706% 17.647%, #ae297c 17.647% 20.588%, #c43a61 20.588% 23.529%, #d15243 23.529% 26.471%, #d66d2d 26.471% 29.412%, #d9852c 29.412% 32.353%, #dd9c40 32.353% 35.294%, #e2b159 35.294% 38.235%, #e7c36e 38.235% 41.176%, #e8d17c 41.176% 44.118%, #e4dd83 44.118% 47.059%, #dae787 47.059% 50.000%, #c9ee8a 50.000% 52.941%, #b4f18d 52.941% 55.882%, #9ff08c 55.882% 58.824%, #93e77b 58.824% 61.765%, #90d85b 61.765% 64.706%, #8bc633 64.706% 67.647%, #7ab612 67.647% 70.588%, #4cab32 70.588% 73.529%, #009a65 73.529% 76.471%, #00837a 76.471% 79.412%, #006e7f 79.412% 82.353%, #005a7f 82.353% 85.294%, #00497e 85.294% 88.235%, #00377b 88.235% 91.176%, #00207f 91.176% 94.118%, #0a007f 94.118% 97.059%, #0f006d 97.059% 100.000%);
background: conic-gradient(from 180deg, oklch(27.98% 0.1534 295.27) 0.000% 2.941%, oklch(30.65% 0.1648 298.73) 2.941% 5.882%, oklch(34.42% 0.1789 303.15) 5.882% 8.824%, oklch(38.83% 0.1871 309.25) 8.824% 11.765%, oklch(43.39% 0.1925 317.85) 11.765% 14.706%, oklch(47.63% 0.1921 329.87) 14.706% 17.647%, oklch(51.82% 0.1856 347.26) 17.647% 20.588%, oklch(56.09% 0.1751 8.14) 20.588% 23.529%, oklch(60.40% 0.1631 29.47) 23.529% 26.471%, oklch(64.70% 0.1516 48.22) 26.471% 29.412%, oklch(69.09% 0.1419 61.93) 29.412% 32.353%, oklch(73.91% 0.1310 71.91) 32.353% 35.294%, oklch(78.74% 0.1204 79.74) 35.294% 38.235%, oklch(83.03% 0.1123 86.86) 38.235% 41.176%, oklch(86.27% 0.1088 94.68) 41.176% 44.118%, oklch(88.32% 0.1120 104.35) 44.118% 47.059%, oklch(89.59% 0.1208 115.14) 47.059% 50.000%, oklch(90.01% 0.1326 125.61) 50.000% 52.941%, oklch(89.47% 0.1446 134.32) 52.941% 55.882%, oklch(87.89% 0.1541 139.75) 55.882% 58.824%, oklch(84.94% 0.1638 138.90) 58.824% 61.765%, oklch(80.81% 0.1741 133.90) 61.765% 64.706%, oklch(75.98% 0.1823 129.32) 64.706% 67.647%, oklch(70.92% 0.1858 129.74) 67.647% 70.588%, oklch(65.99% 0.1813 139.70) 70.588% 73.529%, oklch(60.63% 0.1366 160.23) 73.529% 76.471%, oklch(54.99% 0.0962 186.53) 76.471% 79.412%, oklch(49.42% 0.0866 213.26) 79.412% 82.353%, oklch(44.26% 0.0940 235.10) 82.353% 85.294%, oklch(39.61% 0.1086 248.74) 85.294% 88.235%, oklch(35.05% 0.1280 257.68) 88.235% 91.176%, oklch(30.85% 0.1619 263.37) 91.176% 94.118%, oklch(27.36% 0.1840 267.15) 94.118% 97.059%, oklch(24.84% 0.1624 270.29) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.165 | 295.3 |
| 2 | 0.465 | 0.193 | 326 |
| 3 | 0.665 | 0.147 | 414.7 |
| 4 | 0.866 | 0.109 | 455.9 |
| 5 | 0.882 | 0.153 | 499.3 |
| 6 | 0.681 | 0.185 | 494 |
| 7 | 0.429 | 0.112 | 599.7 |
| 8 | 0.248 | 0.203 | 630.3 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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