# Violet magenta and lime carnival wedges

Twelve angular swatches fan from dark violet through purple, magenta, hot pink, lilac, blue, and aqua into mint green, lime, and yellow. The crisp divisions hold the vivid colors apart while creating an energetic costume-inspired arrangement. It suits carnival graphics, stage mood boards, sequined-accessory color studies, and decorative feather-fan illustrations.

- Also called: Navy, purple, pink and yellow angular swatches
- Seed: `kWOj7TQVDAFNRxdfrS0bTu1w`
- Page: https://grabient.com/kWOj7TQVDAFNRxdfrS0bTu1w?style=angularSwatches&steps=12&angle=225
- Drawn as: angular swatches, 12 steps, 225 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.4 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 | `#22103f` | `oklch(22.83% 0.0854 296.72)` | Shadow Planet | white, 17.3 to 1 |
| 2 | `#391b6b` | `oklch(31.65% 0.1306 294.98)` | Dark Dreams | white, 13.5 to 1 |
| 3 | `#5c2cad` | `oklch(43.71% 0.1906 293.95)` | Royalty | white, 8.6 to 1 |
| 4 | `#8637d7` | `oklch(53.02% 0.2275 301.25)` | Thick Purple | white, 5.9 to 1 |
| 5 | `#c32dc0` | `oklch(58.83% 0.2380 328.85)` | Fuchsia Flair | white, 4.7 to 1 |
| 6 | `#e7329c` | `oklch(63.23% 0.2322 350.49)` | Pink Bite | black, 5.3 to 1 |
| 7 | `#da5bd2` | `oklch(67.40% 0.2107 330.16)` | Fuchsia Flash | black, 6.4 to 1 |
| 8 | `#779cff` | `oklch(70.91% 0.1509 267.19)` | Periwinkle Blue | black, 7.9 to 1 |
| 9 | `#00c3cc` | `oklch(74.29% 0.1263 200.39)` | Turquoise Surf | black, 9.6 to 1 |
| 10 | `#6cd198` | `oklch(78.33% 0.1259 156.88)` | Van Gogh Green | black, 11.1 to 1 |
| 11 | `#b3d665` | `oklch(82.71% 0.1465 123.99)` | Melissa | black, 12.7 to 1 |
| 12 | `#e6d439` | `oklch(85.83% 0.1640 102.28)` | Sandstorm | black, 13.7 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #22103f 0.000% 8.333%, #391b6b 8.333% 16.667%, #5c2cad 16.667% 25.000%, #8637d7 25.000% 33.333%, #c32dc0 33.333% 41.667%, #e7329c 41.667% 50.000%, #da5bd2 50.000% 58.333%, #779cff 58.333% 66.667%, #00c3cc 66.667% 75.000%, #6cd198 75.000% 83.333%, #b3d665 83.333% 91.667%, #e6d439 91.667% 100.000%);
background: conic-gradient(from 225deg, oklch(22.83% 0.0854 296.72) 0.000% 8.333%, oklch(31.65% 0.1306 294.98) 8.333% 16.667%, oklch(43.71% 0.1906 293.95) 16.667% 25.000%, oklch(53.02% 0.2275 301.25) 25.000% 33.333%, oklch(58.83% 0.2380 328.85) 33.333% 41.667%, oklch(63.23% 0.2322 350.49) 41.667% 50.000%, oklch(67.40% 0.2107 330.16) 50.000% 58.333%, oklch(70.91% 0.1509 267.19) 58.333% 66.667%, oklch(74.29% 0.1263 200.39) 66.667% 75.000%, oklch(78.33% 0.1259 156.88) 75.000% 83.333%, oklch(82.71% 0.1465 123.99) 83.333% 91.667%, oklch(85.83% 0.1640 102.28) 91.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.085 | 296.7 |
| 2 | 0.512 | 0.222 | 297.8 |
| 3 | 0.654 | 0.225 | 347.4 |
| 4 | 0.752 | 0.124 | 187.9 |
| 5 | 0.858 | 0.164 | 102.3 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)

## Other forms

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