# Vivid rainbow radial burst

Rainbow angular swatches with 34 colors: #100113, #1d0226, #2f0046, #410070, #570497, #7310ad, #9b1ba9, #c4288f, #e44169, #f56242, #ff8420, #ffa92b, #ffca3e, #fae664, #f6fb83, #f9ffe0, #ffffff, #ffffff, #ffffff, #fefffa, #f9ffc5, #f5fb67, #e9f14d, #cbe640, #91dd58, #00ca8b, #00a5a7, #0080a9, #245b9f, #293f83, #1a2666, #060e4d, #00042d, #000113. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow angular swatches
- Seed: `kcISXlNk291nCy56tEg_zZAGvDQW5LE_DCnAA`
- Page: https://grabient.com/kcISXlNk291nCy56tEg_zZAGvDQW5LE_DCnAA?style=angularSwatches&steps=34&angle=180
- Drawn as: angular swatches, 34 steps, 180 degrees
- Kinds: light center, vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 20.6 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 | `#100113` | `oklch(12.99% 0.0510 322.03)` | Glossy Black | white, 20.2 to 1 |
| 2 | `#1d0226` | `oklch(17.34% 0.0782 317.34)` | Black Sabbath | white, 19.3 to 1 |
| 3 | `#2f0046` | `oklch(23.52% 0.1185 309.65)` | Edge of Space | white, 17.3 to 1 |
| 4 | `#410070` | `oklch(30.68% 0.1613 302.77)` | Royal Purple | white, 14.3 to 1 |
| 5 | `#570497` | `oklch(37.84% 0.1979 300.62)` | Amarklor Violet | white, 11.2 to 1 |
| 6 | `#7310ad` | `oklch(44.26% 0.2169 306.96)` | Fuchsia Nebula | white, 8.7 to 1 |
| 7 | `#9b1ba9` | `oklch(50.31% 0.2195 323.26)` | Shiffurple | white, 6.7 to 1 |
| 8 | `#c4288f` | `oklch(56.29% 0.2119 345.97)` | Royal Fuchsia | white, 5.1 to 1 |
| 9 | `#e44169` | `oklch(62.20% 0.1993 10.94)` | Rouge Red | black, 5.2 to 1 |
| 10 | `#f56242` | `oklch(68.01% 0.1871 34.05)` | Vermilion Orange | black, 6.7 to 1 |
| 11 | `#ff8420` | `oklch(73.86% 0.1786 52.58)` | Fluorescent Red Orange | black, 8.5 to 1 |
| 12 | `#ffa92b` | `oklch(80.11% 0.1619 70.25)` | Bee Cluster | black, 10.9 to 1 |
| 13 | `#ffca3e` | `oklch(86.27% 0.1585 86.64)` | English Daisy | black, 13.7 to 1 |
| 14 | `#fae664` | `oklch(91.76% 0.1500 100.60)` | Goldfinch | black, 16.5 to 1 |
| 15 | `#f6fb83` | `oklch(95.99% 0.1439 110.97)` | Yellowish Tan | black, 19 to 1 |
| 16 | `#f9ffe0` | `oklch(98.72% 0.0413 116.29)` | Ceramite White | black, 20.3 to 1 |
| 17 | `#ffffff` | `oklch(100.00% 0.0001 110.63)` | White | black, 20.9 to 1 |
| 18 | `#ffffff` | `oklch(100.00% 0.0001 108.98)` | White | black, 20.9 to 1 |
| 19 | `#ffffff` | `oklch(100.00% 0.0001 107.26)` | White | black, 20.9 to 1 |
| 20 | `#fefffa` | `oklch(99.81% 0.0064 113.22)` | Baby Powder | black, 20.9 to 1 |
| 21 | `#f9ffc5` | `oklch(98.13% 0.0746 112.70)` | Cream | black, 20.1 to 1 |
| 22 | `#f5fb67` | `oklch(95.67% 0.1686 111.28)` | Duckling Fluff | black, 18.9 to 1 |
| 23 | `#e9f14d` | `oklch(92.27% 0.1789 112.17)` | Biotic Grasp | black, 17.1 to 1 |
| 24 | `#cbe640` | `oklch(87.77% 0.1848 118.53)` | Lime Fizz | black, 14.9 to 1 |
| 25 | `#91dd58` | `oklch(81.93% 0.1824 133.96)` | Lilliputian Lime | black, 12.6 to 1 |
| 26 | `#00ca8b` | `oklch(74.26% 0.1633 161.81)` | Retro Lime | black, 9.8 to 1 |
| 27 | `#00a5a7` | `oklch(65.36% 0.1114 196.17)` | Wax Crayon Blue | black, 6.9 to 1 |
| 28 | `#0080a9` | `oklch(56.08% 0.1115 229.77)` | Oh so Vo | black, 4.6 to 1 |
| 29 | `#245b9f` | `oklch(47.22% 0.1238 255.25)` | Miracle at Wrigley | white, 6.8 to 1 |
| 30 | `#293f83` | `oklch(38.93% 0.1171 267.47)` | Official Violet | white, 9.8 to 1 |
| 31 | `#1a2666` | `oklch(30.19% 0.1143 270.27)` | Schiava Blue | white, 13.9 to 1 |
| 32 | `#060e4d` | `oklch(21.77% 0.1139 267.62)` | Kantor Blue | white, 17.8 to 1 |
| 33 | `#00042d` | `oklch(14.60% 0.0844 263.99)` | Illicit Darkness | white, 19.9 to 1 |
| 34 | `#000113` | `oklch(9.55% 0.0521 263.66)` | Benthic Black | white, 20.6 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #100113 0.000% 2.941%, #1d0226 2.941% 5.882%, #2f0046 5.882% 8.824%, #410070 8.824% 11.765%, #570497 11.765% 14.706%, #7310ad 14.706% 17.647%, #9b1ba9 17.647% 20.588%, #c4288f 20.588% 23.529%, #e44169 23.529% 26.471%, #f56242 26.471% 29.412%, #ff8420 29.412% 32.353%, #ffa92b 32.353% 35.294%, #ffca3e 35.294% 38.235%, #fae664 38.235% 41.176%, #f6fb83 41.176% 44.118%, #f9ffe0 44.118% 47.059%, #ffffff 47.059% 50.000%, #ffffff 50.000% 52.941%, #ffffff 52.941% 55.882%, #fefffa 55.882% 58.824%, #f9ffc5 58.824% 61.765%, #f5fb67 61.765% 64.706%, #e9f14d 64.706% 67.647%, #cbe640 67.647% 70.588%, #91dd58 70.588% 73.529%, #00ca8b 73.529% 76.471%, #00a5a7 76.471% 79.412%, #0080a9 79.412% 82.353%, #245b9f 82.353% 85.294%, #293f83 85.294% 88.235%, #1a2666 88.235% 91.176%, #060e4d 91.176% 94.118%, #00042d 94.118% 97.059%, #000113 97.059% 100.000%);
background: conic-gradient(from 180deg, oklch(12.99% 0.0510 322.03) 0.000% 2.941%, oklch(17.34% 0.0782 317.34) 2.941% 5.882%, oklch(23.52% 0.1185 309.65) 5.882% 8.824%, oklch(30.68% 0.1613 302.77) 8.824% 11.765%, oklch(37.84% 0.1979 300.62) 11.765% 14.706%, oklch(44.26% 0.2169 306.96) 14.706% 17.647%, oklch(50.31% 0.2195 323.26) 17.647% 20.588%, oklch(56.29% 0.2119 345.97) 20.588% 23.529%, oklch(62.20% 0.1993 10.94) 23.529% 26.471%, oklch(68.01% 0.1871 34.05) 26.471% 29.412%, oklch(73.86% 0.1786 52.58) 29.412% 32.353%, oklch(80.11% 0.1619 70.25) 32.353% 35.294%, oklch(86.27% 0.1585 86.64) 35.294% 38.235%, oklch(91.76% 0.1500 100.60) 38.235% 41.176%, oklch(95.99% 0.1439 110.97) 41.176% 44.118%, oklch(98.72% 0.0413 116.29) 44.118% 47.059%, oklch(100.00% 0.0001 110.63) 47.059% 50.000%, oklch(100.00% 0.0001 108.98) 50.000% 52.941%, oklch(100.00% 0.0001 107.26) 52.941% 55.882%, oklch(99.81% 0.0064 113.22) 55.882% 58.824%, oklch(98.13% 0.0746 112.70) 58.824% 61.765%, oklch(95.67% 0.1686 111.28) 61.765% 64.706%, oklch(92.27% 0.1789 112.17) 64.706% 67.647%, oklch(87.77% 0.1848 118.53) 67.647% 70.588%, oklch(81.93% 0.1824 133.96) 70.588% 73.529%, oklch(74.26% 0.1633 161.81) 73.529% 76.471%, oklch(65.36% 0.1114 196.17) 76.471% 79.412%, oklch(56.08% 0.1115 229.77) 79.412% 82.353%, oklch(47.22% 0.1238 255.25) 82.353% 85.294%, oklch(38.93% 0.1171 267.47) 85.294% 88.235%, oklch(30.19% 0.1143 270.27) 88.235% 91.176%, oklch(21.77% 0.1139 267.62) 91.176% 94.118%, oklch(14.60% 0.0844 263.99) 94.118% 97.059%, oklch(9.55% 0.0521 263.66) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.051 | 322 |
| 2 | 0.425 | 0.214 | 304.1 |
| 3 | 0.705 | 0.183 | 402.3 |
| 4 | 0.965 | 0.143 | 472.1 |
| 5 | 1 | 0.149 | 473.1 |
| 6 | 0.846 | 0.185 | 485.8 |
| 7 | 0.449 | 0.121 | 620 |
| 8 | 0.094 | 0.114 | 621.1 |

## Other forms

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