# Analogous pink, purple and black radial swatches

Analogous pink, purple and black radial swatches with 48 colors: #f850ae, #f64eae, #f34baf, #f047b1, #ed43b3, #e93eb4, #e539b6, #e034b8, #db2eba, #d629bb, #cf24bd, #c91fbd, #c21bbd, #ba18bd, #b214bc, #aa11ba, #a10eb8, #980bb6, #8f09b2, #8607af, #7d06aa, #7405a6, #6b04a0, #63049b, #5b0495, #53058e, #4b0686, #43077e, #3b0876, #34096d, #2d0964, #270a5b, #210952, #1c094a, #170842, #13073b, #100634, #0c052d, #0a0426, #070420, #05031a, #040214, #03020f, #02010b, #020107, #010104, #010103, #010102. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWr6D5Sdq9jHIvOYIL2B4S_4`
- Page: https://grabient.com/kWr6D5Sdq9jHIvOYIL2B4S_4?style=radialSwatches&steps=48&angle=25
- Drawn as: radial swatches, 48 steps, 25 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.7 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 | `#f850ae` | `oklch(68.90% 0.2205 350.16)` | Barbie Pink | black, 6.7 to 1 |
| 2 | `#f64eae` | `oklch(68.38% 0.2222 349.18)` | Major Magenta | black, 6.6 to 1 |
| 3 | `#f34baf` | `oklch(67.76% 0.2246 347.98)` | Major Magenta | black, 6.4 to 1 |
| 4 | `#f047b1` | `oklch(67.05% 0.2277 346.58)` | Major Magenta | black, 6.2 to 1 |
| 5 | `#ed43b3` | `oklch(66.26% 0.2312 345.01)` | Major Magenta | black, 6 to 1 |
| 6 | `#e93eb4` | `oklch(65.39% 0.2348 343.30)` | Pink Bite | black, 5.8 to 1 |
| 7 | `#e539b6` | `oklch(64.44% 0.2385 341.47)` | Pink Bite | black, 5.6 to 1 |
| 8 | `#e034b8` | `oklch(63.43% 0.2419 339.55)` | Loudicious Pink | black, 5.3 to 1 |
| 9 | `#db2eba` | `oklch(62.36% 0.2450 337.57)` | Loudicious Pink | black, 5.1 to 1 |
| 10 | `#d629bb` | `oklch(61.23% 0.2474 335.56)` | Magentella | black, 4.8 to 1 |
| 11 | `#cf24bd` | `oklch(60.04% 0.2491 333.54)` | Magentella | black, 4.6 to 1 |
| 12 | `#c91fbd` | `oklch(58.82% 0.2497 331.55)` | Explosive Purple | white, 4.7 to 1 |
| 13 | `#c21bbd` | `oklch(57.55% 0.2492 329.59)` | Fuchsia Flair | white, 5 to 1 |
| 14 | `#ba18bd` | `oklch(56.20% 0.2478 327.58)` | Fuchsia Flair | white, 5.3 to 1 |
| 15 | `#b214bc` | `oklch(54.77% 0.2457 325.47)` | Barney | white, 5.6 to 1 |
| 16 | `#aa11ba` | `oklch(53.25% 0.2431 323.30)` | Heliotrope Magenta | white, 6 to 1 |
| 17 | `#a10eb8` | `oklch(51.67% 0.2398 321.07)` | Nebula | white, 6.4 to 1 |
| 18 | `#980bb6` | `oklch(50.03% 0.2360 318.82)` | Shiffurple | white, 6.8 to 1 |
| 19 | `#8f09b2` | `oklch(48.36% 0.2316 316.55)` | Minesweeper’s Purple | white, 7.3 to 1 |
| 20 | `#8607af` | `oklch(46.66% 0.2268 314.28)` | Shade of Violet | white, 7.9 to 1 |
| 21 | `#7d06aa` | `oklch(44.94% 0.2215 312.05)` | Shade of Violet | white, 8.4 to 1 |
| 22 | `#7405a6` | `oklch(43.22% 0.2158 309.86)` | Chinese Purple | white, 9.1 to 1 |
| 23 | `#6b04a0` | `oklch(41.50% 0.2096 307.73)` | Indigo Purple | white, 9.7 to 1 |
| 24 | `#63049b` | `oklch(39.81% 0.2032 305.70)` | Indigo Purple | white, 10.4 to 1 |
| 25 | `#5b0495` | `oklch(38.14% 0.1963 303.74)` | SQL Injection Purple | white, 11 to 1 |
| 26 | `#53058e` | `oklch(36.42% 0.1884 301.75)` | Indigo Girls | white, 11.8 to 1 |
| 27 | `#4b0686` | `oklch(34.66% 0.1798 299.74)` | Indigo Static | white, 12.5 to 1 |
| 28 | `#43077e` | `oklch(32.86% 0.1704 297.72)` | Invasive Indigo | white, 13.3 to 1 |
| 29 | `#3b0876` | `oklch(31.05% 0.1605 295.73)` | Galactic Federation | white, 14.1 to 1 |
| 30 | `#34096d` | `oklch(29.24% 0.1503 293.80)` | Candied Blueberry | white, 14.9 to 1 |
| 31 | `#2d0964` | `oklch(27.45% 0.1399 291.94)` | Infinite Inkwell | white, 15.6 to 1 |
| 32 | `#270a5b` | `oklch(25.69% 0.1295 290.20)` | Praise of Shadow | white, 16.4 to 1 |
| 33 | `#210952` | `oklch(23.97% 0.1193 288.59)` | Indigo Sloth | white, 17 to 1 |
| 34 | `#1c094a` | `oklch(22.32% 0.1095 287.15)` | Magic Whale | white, 17.7 to 1 |
| 35 | `#170842` | `oklch(20.74% 0.1002 285.89)` | Magic Whale | white, 18.2 to 1 |
| 36 | `#13073b` | `oklch(19.25% 0.0916 284.86)` | Congressional Navy | white, 18.7 to 1 |
| 37 | `#100634` | `oklch(17.85% 0.0836 284.08)` | Congressional Navy | white, 19.1 to 1 |
| 38 | `#0c052d` | `oklch(16.46% 0.0756 283.55)` | Cosmic Void | white, 19.5 to 1 |
| 39 | `#0a0426` | `oklch(15.10% 0.0676 283.26)` | Mysterious Depths | white, 19.8 to 1 |
| 40 | `#070420` | `oklch(13.78% 0.0598 283.15)` | Melanophobia | white, 20 to 1 |
| 41 | `#05031a` | `oklch(12.50% 0.0522 283.20)` | Obsidian Shard | white, 20.3 to 1 |
| 42 | `#040214` | `oklch(11.29% 0.0450 283.36)` | Obsidian Shard | white, 20.4 to 1 |
| 43 | `#03020f` | `oklch(10.15% 0.0381 283.59)` | Broken Tube | white, 20.6 to 1 |
| 44 | `#02010b` | `oklch(9.10% 0.0317 283.87)` | Ninja | white, 20.7 to 1 |
| 45 | `#020107` | `oklch(8.13% 0.0258 284.15)` | Raven’s Coat | white, 20.7 to 1 |
| 46 | `#010104` | `oklch(7.27% 0.0206 284.40)` | Black Hole | white, 20.8 to 1 |
| 47 | `#010103` | `oklch(6.52% 0.0161 284.57)` | Binary Black | white, 20.8 to 1 |
| 48 | `#010102` | `oklch(5.91% 0.0124 284.64)` | Binary Black | white, 20.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f850ae 0.000% 2.083%, #f64eae 2.083% 4.167%, #f34baf 4.167% 6.250%, #f047b1 6.250% 8.333%, #ed43b3 8.333% 10.417%, #e93eb4 10.417% 12.500%, #e539b6 12.500% 14.583%, #e034b8 14.583% 16.667%, #db2eba 16.667% 18.750%, #d629bb 18.750% 20.833%, #cf24bd 20.833% 22.917%, #c91fbd 22.917% 25.000%, #c21bbd 25.000% 27.083%, #ba18bd 27.083% 29.167%, #b214bc 29.167% 31.250%, #aa11ba 31.250% 33.333%, #a10eb8 33.333% 35.417%, #980bb6 35.417% 37.500%, #8f09b2 37.500% 39.583%, #8607af 39.583% 41.667%, #7d06aa 41.667% 43.750%, #7405a6 43.750% 45.833%, #6b04a0 45.833% 47.917%, #63049b 47.917% 50.000%, #5b0495 50.000% 52.083%, #53058e 52.083% 54.167%, #4b0686 54.167% 56.250%, #43077e 56.250% 58.333%, #3b0876 58.333% 60.417%, #34096d 60.417% 62.500%, #2d0964 62.500% 64.583%, #270a5b 64.583% 66.667%, #210952 66.667% 68.750%, #1c094a 68.750% 70.833%, #170842 70.833% 72.917%, #13073b 72.917% 75.000%, #100634 75.000% 77.083%, #0c052d 77.083% 79.167%, #0a0426 79.167% 81.250%, #070420 81.250% 83.333%, #05031a 83.333% 85.417%, #040214 85.417% 87.500%, #03020f 87.500% 89.583%, #02010b 89.583% 91.667%, #020107 91.667% 93.750%, #010104 93.750% 95.833%, #010103 95.833% 97.917%, #010102 97.917% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(68.90% 0.2205 350.16) 0.000% 2.083%, oklch(68.38% 0.2222 349.18) 2.083% 4.167%, oklch(67.76% 0.2246 347.98) 4.167% 6.250%, oklch(67.05% 0.2277 346.58) 6.250% 8.333%, oklch(66.26% 0.2312 345.01) 8.333% 10.417%, oklch(65.39% 0.2348 343.30) 10.417% 12.500%, oklch(64.44% 0.2385 341.47) 12.500% 14.583%, oklch(63.43% 0.2419 339.55) 14.583% 16.667%, oklch(62.36% 0.2450 337.57) 16.667% 18.750%, oklch(61.23% 0.2474 335.56) 18.750% 20.833%, oklch(60.04% 0.2491 333.54) 20.833% 22.917%, oklch(58.82% 0.2497 331.55) 22.917% 25.000%, oklch(57.55% 0.2492 329.59) 25.000% 27.083%, oklch(56.20% 0.2478 327.58) 27.083% 29.167%, oklch(54.77% 0.2457 325.47) 29.167% 31.250%, oklch(53.25% 0.2431 323.30) 31.250% 33.333%, oklch(51.67% 0.2398 321.07) 33.333% 35.417%, oklch(50.03% 0.2360 318.82) 35.417% 37.500%, oklch(48.36% 0.2316 316.55) 37.500% 39.583%, oklch(46.66% 0.2268 314.28) 39.583% 41.667%, oklch(44.94% 0.2215 312.05) 41.667% 43.750%, oklch(43.22% 0.2158 309.86) 43.750% 45.833%, oklch(41.50% 0.2096 307.73) 45.833% 47.917%, oklch(39.81% 0.2032 305.70) 47.917% 50.000%, oklch(38.14% 0.1963 303.74) 50.000% 52.083%, oklch(36.42% 0.1884 301.75) 52.083% 54.167%, oklch(34.66% 0.1798 299.74) 54.167% 56.250%, oklch(32.86% 0.1704 297.72) 56.250% 58.333%, oklch(31.05% 0.1605 295.73) 58.333% 60.417%, oklch(29.24% 0.1503 293.80) 60.417% 62.500%, oklch(27.45% 0.1399 291.94) 62.500% 64.583%, oklch(25.69% 0.1295 290.20) 64.583% 66.667%, oklch(23.97% 0.1193 288.59) 66.667% 68.750%, oklch(22.32% 0.1095 287.15) 68.750% 70.833%, oklch(20.74% 0.1002 285.89) 70.833% 72.917%, oklch(19.25% 0.0916 284.86) 72.917% 75.000%, oklch(17.85% 0.0836 284.08) 75.000% 77.083%, oklch(16.46% 0.0756 283.55) 77.083% 79.167%, oklch(15.10% 0.0676 283.26) 79.167% 81.250%, oklch(13.78% 0.0598 283.15) 81.250% 83.333%, oklch(12.50% 0.0522 283.20) 83.333% 85.417%, oklch(11.29% 0.0450 283.36) 85.417% 87.500%, oklch(10.15% 0.0381 283.59) 87.500% 89.583%, oklch(9.10% 0.0317 283.87) 89.583% 91.667%, oklch(8.13% 0.0258 284.15) 91.667% 93.750%, oklch(7.27% 0.0206 284.40) 93.750% 95.833%, oklch(6.52% 0.0161 284.57) 95.833% 97.917%, oklch(5.91% 0.0124 284.64) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.22 | 350.2 |
| 2 | 0.579 | 0.249 | 330.1 |
| 3 | 0.39 | 0.2 | 304.7 |
| 4 | 0.189 | 0.09 | 284.6 |
| 5 | 0.059 | 0.012 | 284.6 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Galaxy gradients](https://grabient.com/galaxy-gradients)

## Other forms

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