# Bright rainbow radial burst

Navy, purple, white and blue angular swatches with 34 colors: #150032, #1f0045, #2c0062, #3d0186, #5209a9, #6e15c4, #9320ca, #c02bb6, #e83e8f, #ff6162, #ff8b4a, #ffa941, #fcc454, #f8db76, #f7ed95, #f8fbae, #fcffed, #ffffff, #ffffff, #ffffff, #fffde9, #fff6bb, #f6ee50, #bdea5e, #5adf8a, #00c2b2, #00a0bb, #0080be, #1f62b2, #1f469a, #112c82, #03126c, #000051, #000036. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, white and blue angular swatches
- Seed: `kaK0fSPlbA-Y5Tp_IMXdj6-sQ0UMTOUGg`
- Page: https://grabient.com/kaK0fSPlbA-Y5Tp_IMXdj6-sQ0UMTOUGg?style=angularSwatches&steps=34&angle=180
- Drawn as: angular swatches, 34 steps, 180 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 19.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 | `#150032` | `oklch(17.00% 0.0933 295.14)` | Black Htun | white, 19.4 to 1 |
| 2 | `#1f0045` | `oklch(20.84% 0.1147 294.68)` | Your Darkness | white, 18.3 to 1 |
| 3 | `#2c0062` | `oklch(26.23% 0.1458 292.87)` | Deep Violet | white, 16.3 to 1 |
| 4 | `#3d0186` | `oklch(32.55% 0.1816 291.66)` | Marionberry | white, 13.5 to 1 |
| 5 | `#5209a9` | `oklch(39.29% 0.2123 292.92)` | Aubergine Perl | white, 10.6 to 1 |
| 6 | `#6e15c4` | `oklch(45.81% 0.2334 298.64)` | Crown Chakra | white, 8.2 to 1 |
| 7 | `#9320ca` | `oklch(51.74% 0.2393 310.96)` | Prom Queen | white, 6.3 to 1 |
| 8 | `#c02bb6` | `oklch(57.76% 0.2318 331.18)` | Pink Perennial | white, 4.9 to 1 |
| 9 | `#e83e8f` | `oklch(63.83% 0.2157 356.35)` | Schiaparelli Pink | black, 5.5 to 1 |
| 10 | `#ff6162` | `oklch(69.75% 0.1931 23.05)` | Fusion Red | black, 7.1 to 1 |
| 11 | `#ff8b4a` | `oklch(75.31% 0.1609 47.87)` | Valley of Fire | black, 9 to 1 |
| 12 | `#ffa941` | `oklch(80.31% 0.1527 67.41)` | Match Strike | black, 11 to 1 |
| 13 | `#fcc454` | `oklch(84.97% 0.1419 81.75)` | Orange Delight | black, 13.1 to 1 |
| 14 | `#f8db76` | `oklch(89.47% 0.1252 93.45)` | Solar Energy | black, 15.3 to 1 |
| 15 | `#f7ed95` | `oklch(93.53% 0.1093 102.74)` | Calabash | black, 17.5 to 1 |
| 16 | `#f8fbae` | `oklch(96.88% 0.0968 109.87)` | Yellow Chalk | black, 19.4 to 1 |
| 17 | `#fcffed` | `oklch(99.26% 0.0244 115.08)` | Pearl Powder | black, 20.6 to 1 |
| 18 | `#ffffff` | `oklch(100.00% 0.0001 111.45)` | White | black, 20.9 to 1 |
| 19 | `#ffffff` | `oklch(100.00% 0.0001 108.33)` | White | black, 20.9 to 1 |
| 20 | `#ffffff` | `oklch(100.00% 0.0001 106.40)` | White | black, 20.9 to 1 |
| 21 | `#fffde9` | `oklch(98.99% 0.0257 101.63)` | Sparkling Cider | black, 20.4 to 1 |
| 22 | `#fff6bb` | `oklch(96.53% 0.0751 99.93)` | Glowlight | black, 19 to 1 |
| 23 | `#f6ee50` | `oklch(92.91% 0.1722 106.51)` | Paris Daisy | black, 17.3 to 1 |
| 24 | `#bdea5e` | `oklch(87.71% 0.1732 124.85)` | Inchworm | black, 15 to 1 |
| 25 | `#5adf8a` | `oklch(80.94% 0.1681 152.48)` | Drunken Dragonfly | black, 12.3 to 1 |
| 26 | `#00c2b2` | `oklch(73.21% 0.1294 184.33)` | Amazonite | black, 9.3 to 1 |
| 27 | `#00a0bb` | `oklch(65.10% 0.1152 215.35)` | Greek Blue | black, 6.7 to 1 |
| 28 | `#0080be` | `oklch(57.22% 0.1321 240.44)` | Phuket Palette | black, 4.8 to 1 |
| 29 | `#1f62b2` | `oklch(49.86% 0.1430 255.37)` | Les Cavaliers Beach | white, 6 to 1 |
| 30 | `#1f469a` | `oklch(41.92% 0.1444 262.83)` | Space Explorer | white, 8.7 to 1 |
| 31 | `#112c82` | `oklch(33.78% 0.1475 265.37)` | Below the Surface | white, 12.3 to 1 |
| 32 | `#03126c` | `oklch(26.12% 0.1513 265.05)` | Atlantic Depths | white, 16.1 to 1 |
| 33 | `#000051` | `oklch(19.69% 0.1364 264.05)` | Alucard’s Night | white, 18.7 to 1 |
| 34 | `#000036` | `oklch(15.06% 0.1044 264.05)` | Mighty Midnight | white, 19.9 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #150032 0.000% 2.941%, #1f0045 2.941% 5.882%, #2c0062 5.882% 8.824%, #3d0186 8.824% 11.765%, #5209a9 11.765% 14.706%, #6e15c4 14.706% 17.647%, #9320ca 17.647% 20.588%, #c02bb6 20.588% 23.529%, #e83e8f 23.529% 26.471%, #ff6162 26.471% 29.412%, #ff8b4a 29.412% 32.353%, #ffa941 32.353% 35.294%, #fcc454 35.294% 38.235%, #f8db76 38.235% 41.176%, #f7ed95 41.176% 44.118%, #f8fbae 44.118% 47.059%, #fcffed 47.059% 50.000%, #ffffff 50.000% 52.941%, #ffffff 52.941% 55.882%, #ffffff 55.882% 58.824%, #fffde9 58.824% 61.765%, #fff6bb 61.765% 64.706%, #f6ee50 64.706% 67.647%, #bdea5e 67.647% 70.588%, #5adf8a 70.588% 73.529%, #00c2b2 73.529% 76.471%, #00a0bb 76.471% 79.412%, #0080be 79.412% 82.353%, #1f62b2 82.353% 85.294%, #1f469a 85.294% 88.235%, #112c82 88.235% 91.176%, #03126c 91.176% 94.118%, #000051 94.118% 97.059%, #000036 97.059% 100.000%);
background: conic-gradient(from 180deg, oklch(17.00% 0.0933 295.14) 0.000% 2.941%, oklch(20.84% 0.1147 294.68) 2.941% 5.882%, oklch(26.23% 0.1458 292.87) 5.882% 8.824%, oklch(32.55% 0.1816 291.66) 8.824% 11.765%, oklch(39.29% 0.2123 292.92) 11.765% 14.706%, oklch(45.81% 0.2334 298.64) 14.706% 17.647%, oklch(51.74% 0.2393 310.96) 17.647% 20.588%, oklch(57.76% 0.2318 331.18) 20.588% 23.529%, oklch(63.83% 0.2157 356.35) 23.529% 26.471%, oklch(69.75% 0.1931 23.05) 26.471% 29.412%, oklch(75.31% 0.1609 47.87) 29.412% 32.353%, oklch(80.31% 0.1527 67.41) 32.353% 35.294%, oklch(84.97% 0.1419 81.75) 35.294% 38.235%, oklch(89.47% 0.1252 93.45) 38.235% 41.176%, oklch(93.53% 0.1093 102.74) 41.176% 44.118%, oklch(96.88% 0.0968 109.87) 44.118% 47.059%, oklch(99.26% 0.0244 115.08) 47.059% 50.000%, oklch(100.00% 0.0001 111.45) 50.000% 52.941%, oklch(100.00% 0.0001 108.33) 52.941% 55.882%, oklch(100.00% 0.0001 106.40) 55.882% 58.824%, oklch(98.99% 0.0257 101.63) 58.824% 61.765%, oklch(96.53% 0.0751 99.93) 61.765% 64.706%, oklch(92.91% 0.1722 106.51) 64.706% 67.647%, oklch(87.71% 0.1732 124.85) 67.647% 70.588%, oklch(80.94% 0.1681 152.48) 70.588% 73.529%, oklch(73.21% 0.1294 184.33) 73.529% 76.471%, oklch(65.10% 0.1152 215.35) 76.471% 79.412%, oklch(57.22% 0.1321 240.44) 79.412% 82.353%, oklch(49.86% 0.1430 255.37) 82.353% 85.294%, oklch(41.92% 0.1444 262.83) 85.294% 88.235%, oklch(33.78% 0.1475 265.37) 88.235% 91.176%, oklch(26.12% 0.1513 265.05) 91.176% 94.118%, oklch(19.69% 0.1364 264.05) 94.118% 97.059%, oklch(15.06% 0.1044 264.05) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.098 | 295.3 |
| 2 | 0.488 | 0.238 | 303.8 |
| 3 | 0.803 | 0.157 | 427.4 |
| 4 | 1 | 0.09 | 477.1 |
| 5 | 0.929 | 0.172 | 466.5 |
| 6 | 0.535 | 0.143 | 609.2 |
| 7 | 0.15 | 0.157 | 624 |

## Other forms

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