# Rainbow jewel radial fan

Pink, purple, blue and light green angular swatches with 37 colors: #ffbcaf, #fbafa8, #f09da4, #e08aa2, #cf77a1, #bd68a1, #ae5ba0, #a04e9e, #92429c, #863699, #792c98, #6e2596, #631e95, #5a1993, #511791, #491a8f, #43208d, #3f2989, #3c3284, #3b3b80, #39457f, #335183, #296186, #1f7286, #268383, #3b927f, #4da17c, #57b27a, #5ac679, #59d978, #58ea76, #64f671, #77fd6c, #8dff6d, #9eff73, #a9ff75, #b1ff79. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, purple, blue and light green angular swatches
- Seed: `kc2T0Wz6-5zk_vMuvr1tiG81CjNBtzj2dUi-g`
- Page: https://grabient.com/kc2T0Wz6-5zk_vMuvr1tiG81CjNBtzj2dUi-g?style=angularSwatches&steps=37&angle=105
- Drawn as: angular swatches, 37 steps, 105 degrees
- Kinds: dark center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.5 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 | `#ffbcaf` | `oklch(85.43% 0.0797 31.64)` | Egyptian Javelin | black, 13.1 to 1 |
| 2 | `#fbafa8` | `oklch(82.36% 0.0903 24.45)` | Snow White Blush | black, 11.7 to 1 |
| 3 | `#f09da4` | `oklch(77.97% 0.0990 14.09)` | Pink Icing | black, 10 to 1 |
| 4 | `#e08aa2` | `oklch(72.91% 0.1092 2.26)` | Reflecting Rose | black, 8.3 to 1 |
| 5 | `#cf77a1` | `oklch(67.77% 0.1198 350.66)` | Heartbreaker | black, 6.8 to 1 |
| 6 | `#bd68a1` | `oklch(63.17% 0.1296 340.98)` | Pearly Purple | black, 5.6 to 1 |
| 7 | `#ae5ba0` | `oklch(59.24% 0.1390 333.93)` | Radiant Orchid | black, 4.7 to 1 |
| 8 | `#a04e9e` | `oklch(55.43% 0.1490 328.23)` | Hyacinth Violet | white, 5.1 to 1 |
| 9 | `#92429c` | `oklch(51.83% 0.1588 323.43)` | Murasaki Purple | white, 6 to 1 |
| 10 | `#863699` | `oklch(48.53% 0.1673 319.08)` | Dull Violet | white, 6.9 to 1 |
| 11 | `#792c98` | `oklch(45.62% 0.1737 314.74)` | Skeletor’s Cape | white, 7.9 to 1 |
| 12 | `#6e2596` | `oklch(43.13% 0.1777 310.28)` | Queens of the Dead | white, 8.8 to 1 |
| 13 | `#631e95` | `oklch(40.90% 0.1804 306.20)` | Wild Violet | white, 9.7 to 1 |
| 14 | `#5a1993` | `oklch(39.03% 0.1814 302.32)` | Banafš Violet | white, 10.5 to 1 |
| 15 | `#511791` | `oklch(37.62% 0.1799 298.41)` | Eggplant Tint | white, 11.1 to 1 |
| 16 | `#491a8f` | `oklch(36.78% 0.1753 294.24)` | Pitch Violet | white, 11.4 to 1 |
| 17 | `#43208d` | `oklch(36.57% 0.1663 290.01)` | Galactic Civilization | white, 11.4 to 1 |
| 18 | `#3f2989` | `oklch(36.89% 0.1508 287.02)` | Galactic Civilization | white, 11.1 to 1 |
| 19 | `#3c3284` | `oklch(37.75% 0.1319 284.05)` | Majestic Eggplant | white, 10.6 to 1 |
| 20 | `#3b3b80` | `oklch(39.15% 0.1131 279.58)` | Evening Magic | white, 9.8 to 1 |
| 21 | `#39457f` | `oklch(41.13% 0.0979 272.10)` | Indigo Night | white, 8.9 to 1 |
| 22 | `#335183` | `oklch(43.73% 0.0894 259.86)` | Fun Blue | white, 7.9 to 1 |
| 23 | `#296186` | `oklch(47.18% 0.0842 241.12)` | Copenhagen Blue | white, 6.6 to 1 |
| 24 | `#1f7286` | `oklch(51.27% 0.0820 218.62)` | Glamour Green | white, 5.5 to 1 |
| 25 | `#268383` | `oklch(55.73% 0.0835 195.75)` | Bayou | black, 4.6 to 1 |
| 26 | `#3b927f` | `oklch(60.26% 0.0893 175.92)` | Winter Green | black, 5.6 to 1 |
| 27 | `#4da17c` | `oklch(64.63% 0.1004 162.38)` | Advertising Green | black, 6.7 to 1 |
| 28 | `#57b27a` | `oklch(69.35% 0.1212 154.63)` | Divot | black, 8 to 1 |
| 29 | `#5ac679` | `oklch(74.33% 0.1486 150.60)` | Paris Green | black, 9.7 to 1 |
| 30 | `#59d978` | `oklch(79.14% 0.1773 148.70)` | Drunken Dragonfly | black, 11.6 to 1 |
| 31 | `#58ea76` | `oklch(83.37% 0.2016 147.35)` | Loud Green | black, 13.4 to 1 |
| 32 | `#64f671` | `oklch(86.61% 0.2163 144.98)` | The Matrix | black, 15 to 1 |
| 33 | `#77fd6c` | `oklch(88.78% 0.2203 142.04)` | Lighter Green | black, 16 to 1 |
| 34 | `#8dff6d` | `oklch(90.18% 0.2117 139.39)` | Astro Arcade Green | black, 16.6 to 1 |
| 35 | `#9eff73` | `oklch(91.04% 0.1989 137.08)` | Stinging Wasabi | black, 17 to 1 |
| 36 | `#a9ff75` | `oklch(91.61% 0.1920 135.19)` | Key Lime | black, 17.2 to 1 |
| 37 | `#b1ff79` | `oklch(92.12% 0.1839 133.79)` | Key Lime | black, 17.4 to 1 |

## CSS

```css
background: conic-gradient(from 105deg, #ffbcaf 0.000% 2.703%, #fbafa8 2.703% 5.405%, #f09da4 5.405% 8.108%, #e08aa2 8.108% 10.811%, #cf77a1 10.811% 13.514%, #bd68a1 13.514% 16.216%, #ae5ba0 16.216% 18.919%, #a04e9e 18.919% 21.622%, #92429c 21.622% 24.324%, #863699 24.324% 27.027%, #792c98 27.027% 29.730%, #6e2596 29.730% 32.432%, #631e95 32.432% 35.135%, #5a1993 35.135% 37.838%, #511791 37.838% 40.541%, #491a8f 40.541% 43.243%, #43208d 43.243% 45.946%, #3f2989 45.946% 48.649%, #3c3284 48.649% 51.351%, #3b3b80 51.351% 54.054%, #39457f 54.054% 56.757%, #335183 56.757% 59.459%, #296186 59.459% 62.162%, #1f7286 62.162% 64.865%, #268383 64.865% 67.568%, #3b927f 67.568% 70.270%, #4da17c 70.270% 72.973%, #57b27a 72.973% 75.676%, #5ac679 75.676% 78.378%, #59d978 78.378% 81.081%, #58ea76 81.081% 83.784%, #64f671 83.784% 86.486%, #77fd6c 86.486% 89.189%, #8dff6d 89.189% 91.892%, #9eff73 91.892% 94.595%, #a9ff75 94.595% 97.297%, #b1ff79 97.297% 100.000%);
background: conic-gradient(from 105deg, oklch(85.43% 0.0797 31.64) 0.000% 2.703%, oklch(82.36% 0.0903 24.45) 2.703% 5.405%, oklch(77.97% 0.0990 14.09) 5.405% 8.108%, oklch(72.91% 0.1092 2.26) 8.108% 10.811%, oklch(67.77% 0.1198 350.66) 10.811% 13.514%, oklch(63.17% 0.1296 340.98) 13.514% 16.216%, oklch(59.24% 0.1390 333.93) 16.216% 18.919%, oklch(55.43% 0.1490 328.23) 18.919% 21.622%, oklch(51.83% 0.1588 323.43) 21.622% 24.324%, oklch(48.53% 0.1673 319.08) 24.324% 27.027%, oklch(45.62% 0.1737 314.74) 27.027% 29.730%, oklch(43.13% 0.1777 310.28) 29.730% 32.432%, oklch(40.90% 0.1804 306.20) 32.432% 35.135%, oklch(39.03% 0.1814 302.32) 35.135% 37.838%, oklch(37.62% 0.1799 298.41) 37.838% 40.541%, oklch(36.78% 0.1753 294.24) 40.541% 43.243%, oklch(36.57% 0.1663 290.01) 43.243% 45.946%, oklch(36.89% 0.1508 287.02) 45.946% 48.649%, oklch(37.75% 0.1319 284.05) 48.649% 51.351%, oklch(39.15% 0.1131 279.58) 51.351% 54.054%, oklch(41.13% 0.0979 272.10) 54.054% 56.757%, oklch(43.73% 0.0894 259.86) 56.757% 59.459%, oklch(47.18% 0.0842 241.12) 59.459% 62.162%, oklch(51.27% 0.0820 218.62) 62.162% 64.865%, oklch(55.73% 0.0835 195.75) 64.865% 67.568%, oklch(60.26% 0.0893 175.92) 67.568% 70.270%, oklch(64.63% 0.1004 162.38) 70.270% 72.973%, oklch(69.35% 0.1212 154.63) 72.973% 75.676%, oklch(74.33% 0.1486 150.60) 75.676% 78.378%, oklch(79.14% 0.1773 148.70) 78.378% 81.081%, oklch(83.37% 0.2016 147.35) 81.081% 83.784%, oklch(86.61% 0.2163 144.98) 83.784% 86.486%, oklch(88.78% 0.2203 142.04) 86.486% 89.189%, oklch(90.18% 0.2117 139.39) 89.189% 91.892%, oklch(91.04% 0.1989 137.08) 91.892% 94.595%, oklch(91.61% 0.1920 135.19) 94.595% 97.297%, oklch(92.12% 0.1839 133.79) 97.297% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.084 | 31.6 |
| 2 | 0.626 | 0.131 | -20.1 |
| 3 | 0.449 | 0.175 | -46.6 |
| 4 | 0.366 | 0.172 | -67.7 |
| 5 | 0.425 | 0.092 | -94.1 |
| 6 | 0.634 | 0.096 | -194.5 |
| 7 | 0.862 | 0.215 | -214.6 |
| 8 | 0.921 | 0.2 | -226.2 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)

## Other forms

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