# Fuchsia violet conic gradient

Vivid analogous pink to purple angular gradient with 32 colors: #fc3aa1, #fb39a5, #fa38aa, #f937b0, #f736b7, #f435be, #f134c5, #ec34cb, #e734d1, #e035d6, #d837db, #d038df, #c63ae2, #bd3be5, #b33be6, #aa3be5, #a13ae3, #9838e1, #8f36dd, #8733d8, #7f30d2, #762ccc, #6f29c5, #6726be, #6023b6, #5820ac, #501da1, #491b96, #42188b, #3c1681, #371479, #341273. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous pink to purple angular gradient
- Seed: `kWq6_70969spYvO5zb5Jza_Q`
- Page: https://grabient.com/kWq6_70969spYvO5zb5Jza_Q?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#fc3aa1` | `oklch(67.32% 0.2411 353.67)` | Knockout Pink | black, 6.2 to 1 |
| 2 | `#fb39a5` | `oklch(67.24% 0.2429 352.19)` | Persian Rose | black, 6.2 to 1 |
| 3 | `#fa38aa` | `oklch(67.17% 0.2456 350.27)` | Persian Rose | black, 6.2 to 1 |
| 4 | `#f937b0` | `oklch(67.10% 0.2489 347.98)` | Spicy Pink | black, 6.1 to 1 |
| 5 | `#f736b7` | `oklch(66.99% 0.2522 345.41)` | Spicy Pink | black, 6.1 to 1 |
| 6 | `#f435be` | `oklch(66.81% 0.2554 342.64)` | CGA Pink | black, 6 to 1 |
| 7 | `#f134c5` | `oklch(66.53% 0.2581 339.75)` | Kriss Me Not Fuchsia | black, 6 to 1 |
| 8 | `#ec34cb` | `oklch(66.14% 0.2599 336.82)` | Kriss Me Not Fuchsia | black, 5.9 to 1 |
| 9 | `#e734d1` | `oklch(65.60% 0.2604 333.92)` | Méi Gūi Zǐ Purple | black, 5.7 to 1 |
| 10 | `#e035d6` | `oklch(64.94% 0.2599 330.79)` | Méi Gūi Zǐ Purple | black, 5.6 to 1 |
| 11 | `#d837db` | `oklch(64.17% 0.2587 327.40)` | Demonic Purple | black, 5.4 to 1 |
| 12 | `#d038df` | `oklch(63.31% 0.2567 323.87)` | Demonic Purple | black, 5.3 to 1 |
| 13 | `#c63ae2` | `oklch(62.35% 0.2543 320.31)` | Eupatorium Purple | black, 5.1 to 1 |
| 14 | `#bd3be5` | `oklch(61.30% 0.2515 316.83)` | Eupatorium Purple | black, 4.9 to 1 |
| 15 | `#b33be6` | `oklch(60.15% 0.2485 313.56)` | Pisces Vivid Amethyst | black, 4.6 to 1 |
| 16 | `#aa3be5` | `oklch(58.92% 0.2454 310.61)` | Sweet Desire | white, 4.6 to 1 |
| 17 | `#a13ae3` | `oklch(57.59% 0.2424 308.06)` | Sweet Desire | white, 4.9 to 1 |
| 18 | `#9838e1` | `oklch(56.12% 0.2394 305.77)` | Chaste Blossoms | white, 5.2 to 1 |
| 19 | `#8f36dd` | `oklch(54.54% 0.2363 303.70)` | Thick Purple | white, 5.6 to 1 |
| 20 | `#8733d8` | `oklch(52.86% 0.2330 301.82)` | Thick Purple | white, 6 to 1 |
| 21 | `#7f30d2` | `oklch(51.12% 0.2293 300.12)` | Hokkaido Lavender | white, 6.4 to 1 |
| 22 | `#762ccc` | `oklch(49.33% 0.2252 298.57)` | Puissant Purple | white, 6.9 to 1 |
| 23 | `#6f29c5` | `oklch(47.52% 0.2205 297.16)` | Sagat Purple | white, 7.5 to 1 |
| 24 | `#6726be` | `oklch(45.72% 0.2151 295.86)` | Purple Spot | white, 8 to 1 |
| 25 | `#6023b6` | `oklch(43.87% 0.2085 294.68)` | Rabbit-Ear Iris | white, 8.7 to 1 |
| 26 | `#5820ac` | `oklch(41.81% 0.2003 293.68)` | Royalty | white, 9.4 to 1 |
| 27 | `#501da1` | `oklch(39.63% 0.1910 292.84)` | Eine Kleine Nachtmusik | white, 10.3 to 1 |
| 28 | `#491b96` | `oklch(37.45% 0.1812 292.13)` | Pitch Violet | white, 11.2 to 1 |
| 29 | `#42188b` | `oklch(35.36% 0.1716 291.54)` | Grim Purple | white, 12 to 1 |
| 30 | `#3c1681` | `oklch(33.47% 0.1629 291.05)` | Pixie Powder | white, 12.9 to 1 |
| 31 | `#371479` | `oklch(31.89% 0.1555 290.63)` | Persian Indigo | white, 13.6 to 1 |
| 32 | `#341273` | `oklch(30.71% 0.1502 290.27)` | Persian Indigo | white, 14.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #fc3aa1 0.0%, #fb39a5 3.2%, #fa38aa 6.5%, #f937b0 9.7%, #f736b7 12.9%, #f435be 16.1%, #f134c5 19.4%, #ec34cb 22.6%, #e734d1 25.8%, #e035d6 29.0%, #d837db 32.3%, #d038df 35.5%, #c63ae2 38.7%, #bd3be5 41.9%, #b33be6 45.2%, #aa3be5 48.4%, #a13ae3 51.6%, #9838e1 54.8%, #8f36dd 58.1%, #8733d8 61.3%, #7f30d2 64.5%, #762ccc 67.7%, #6f29c5 71.0%, #6726be 74.2%, #6023b6 77.4%, #5820ac 80.6%, #501da1 83.9%, #491b96 87.1%, #42188b 90.3%, #3c1681 93.5%, #371479 96.8%, #341273 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(67.32% 0.2411 353.67) 0.0%, oklch(67.24% 0.2429 352.19) 3.2%, oklch(67.17% 0.2456 350.27) 6.5%, oklch(67.10% 0.2489 347.98) 9.7%, oklch(66.99% 0.2522 345.41) 12.9%, oklch(66.81% 0.2554 342.64) 16.1%, oklch(66.53% 0.2581 339.75) 19.4%, oklch(66.14% 0.2599 336.82) 22.6%, oklch(65.60% 0.2604 333.92) 25.8%, oklch(64.94% 0.2599 330.79) 29.0%, oklch(64.17% 0.2587 327.40) 32.3%, oklch(63.31% 0.2567 323.87) 35.5%, oklch(62.35% 0.2543 320.31) 38.7%, oklch(61.30% 0.2515 316.83) 41.9%, oklch(60.15% 0.2485 313.56) 45.2%, oklch(58.92% 0.2454 310.61) 48.4%, oklch(57.59% 0.2424 308.06) 51.6%, oklch(56.12% 0.2394 305.77) 54.8%, oklch(54.54% 0.2363 303.70) 58.1%, oklch(52.86% 0.2330 301.82) 61.3%, oklch(51.12% 0.2293 300.12) 64.5%, oklch(49.33% 0.2252 298.57) 67.7%, oklch(47.52% 0.2205 297.16) 71.0%, oklch(45.72% 0.2151 295.86) 74.2%, oklch(43.87% 0.2085 294.68) 77.4%, oklch(41.81% 0.2003 293.68) 80.6%, oklch(39.63% 0.1910 292.84) 83.9%, oklch(37.45% 0.1812 292.13) 87.1%, oklch(35.36% 0.1716 291.54) 90.3%, oklch(33.47% 0.1629 291.05) 93.5%, oklch(31.89% 0.1555 290.63) 96.8%, oklch(30.71% 0.1502 290.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.241 | 353.7 |
| 2 | 0.657 | 0.26 | 334.7 |
| 3 | 0.583 | 0.244 | 309.3 |
| 4 | 0.453 | 0.214 | 295.6 |
| 5 | 0.307 | 0.15 | 290.3 |

## In these collections

- [Conic gradients](https://grabient.com/conic-gradients)

## Other forms

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