# Analogous black, purple and pink radial swatches

Analogous black, purple and pink radial swatches with 21 colors: #071d13, #0b1e12, #0f1f12, #122217, #142623, #22292e, #2f2f32, #3a363a, #4b3c46, #5f4155, #744662, #894c6e, #9e527d, #b2588b, #c75d98, #dc62a5, #ee66b0, #fa69b9, #fe6bc0, #fe6dc6, #fe6eca. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaNRlynos_ymCUk6G0MzDJAdtGQDeST9A`
- Page: https://grabient.com/kaNRlynos_ymCUk6G0MzDJAdtGQDeST9A?style=radialSwatches&steps=21
- Drawn as: radial swatches, 21 steps, 90 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#071d13` | `oklch(20.87% 0.0344 161.02)` | Pinch of Pepper | white, 17.6 to 1 |
| 2 | `#0b1e12` | `oklch(21.41% 0.0342 155.85)` | Nightmare | white, 17.3 to 1 |
| 3 | `#0f1f12` | `oklch(22.21% 0.0337 149.17)` | Nightmare | white, 17 to 1 |
| 4 | `#122217` | `oklch(23.46% 0.0316 153.74)` | Nightmare | white, 16.5 to 1 |
| 5 | `#142623` | `oklch(25.33% 0.0252 183.06)` | Swamp Thing | white, 15.7 to 1 |
| 6 | `#22292e` | `oklch(27.73% 0.0133 235.85)` | Cinder | white, 14.6 to 1 |
| 7 | `#2f2f32` | `oklch(30.58% 0.0048 289.91)` | Black Cat | white, 13.3 to 1 |
| 8 | `#3a363a` | `oklch(33.80% 0.0086 323.33)` | Shiny Rubber | white, 11.8 to 1 |
| 9 | `#4b3c46` | `oklch(37.51% 0.0266 336.61)` | Funkie Friday | white, 10.3 to 1 |
| 10 | `#5f4155` | `oklch(41.55% 0.0512 340.27)` | Amaranthine | white, 8.8 to 1 |
| 11 | `#744662` | `oklch(45.67% 0.0744 342.78)` | Scintillating Violet | white, 7.5 to 1 |
| 12 | `#894c6e` | `oklch(49.91% 0.0941 345.82)` | Twilight Lavender | white, 6.3 to 1 |
| 13 | `#9e527d` | `oklch(54.29% 0.1133 346.58)` | Feminism | white, 5.3 to 1 |
| 14 | `#b2588b` | `oklch(58.52% 0.1318 346.77)` | Dahlia Mauve | black, 4.6 to 1 |
| 15 | `#c75d98` | `oklch(62.51% 0.1501 347.68)` | Llilacquered | black, 5.4 to 1 |
| 16 | `#dc62a5` | `oklch(66.49% 0.1688 348.66)` | Sugar Rush | black, 6.3 to 1 |
| 17 | `#ee66b0` | `oklch(69.93% 0.1850 349.20)` | Fugitive Flamingo | black, 7.1 to 1 |
| 18 | `#fa69b9` | `oklch(72.28% 0.1957 348.86)` | Hot Pink Fusion | black, 7.7 to 1 |
| 19 | `#fe6bc0` | `oklch(73.39% 0.2000 347.28)` | Kisses | black, 8 to 1 |
| 20 | `#fe6dc6` | `oklch(73.78% 0.2008 345.26)` | Nervous Neon Pink | black, 8.2 to 1 |
| 21 | `#fe6eca` | `oklch(74.02% 0.2012 343.83)` | Nervous Neon Pink | black, 8.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #071d13 0.000% 4.762%, #0b1e12 4.762% 9.524%, #0f1f12 9.524% 14.286%, #122217 14.286% 19.048%, #142623 19.048% 23.810%, #22292e 23.810% 28.571%, #2f2f32 28.571% 33.333%, #3a363a 33.333% 38.095%, #4b3c46 38.095% 42.857%, #5f4155 42.857% 47.619%, #744662 47.619% 52.381%, #894c6e 52.381% 57.143%, #9e527d 57.143% 61.905%, #b2588b 61.905% 66.667%, #c75d98 66.667% 71.429%, #dc62a5 71.429% 76.190%, #ee66b0 76.190% 80.952%, #fa69b9 80.952% 85.714%, #fe6bc0 85.714% 90.476%, #fe6dc6 90.476% 95.238%, #fe6eca 95.238% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(20.87% 0.0344 161.02) 0.000% 4.762%, oklch(21.41% 0.0342 155.85) 4.762% 9.524%, oklch(22.21% 0.0337 149.17) 9.524% 14.286%, oklch(23.46% 0.0316 153.74) 14.286% 19.048%, oklch(25.33% 0.0252 183.06) 19.048% 23.810%, oklch(27.73% 0.0133 235.85) 23.810% 28.571%, oklch(30.58% 0.0048 289.91) 28.571% 33.333%, oklch(33.80% 0.0086 323.33) 33.333% 38.095%, oklch(37.51% 0.0266 336.61) 38.095% 42.857%, oklch(41.55% 0.0512 340.27) 42.857% 47.619%, oklch(45.67% 0.0744 342.78) 47.619% 52.381%, oklch(49.91% 0.0941 345.82) 52.381% 57.143%, oklch(54.29% 0.1133 346.58) 57.143% 61.905%, oklch(58.52% 0.1318 346.77) 61.905% 66.667%, oklch(62.51% 0.1501 347.68) 66.667% 71.429%, oklch(66.49% 0.1688 348.66) 71.429% 76.190%, oklch(69.93% 0.1850 349.20) 76.190% 80.952%, oklch(72.28% 0.1957 348.86) 80.952% 85.714%, oklch(73.39% 0.2000 347.28) 85.714% 90.476%, oklch(73.78% 0.2008 345.26) 90.476% 95.238%, oklch(74.02% 0.2012 343.83) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.034 | 161 |
| 2 | 0.24 | 0.03 | 160 |
| 3 | 0.327 | 0.006 | 315.3 |
| 4 | 0.457 | 0.074 | 342.8 |
| 5 | 0.598 | 0.138 | 347 |
| 6 | 0.717 | 0.193 | 349.1 |
| 7 | 0.74 | 0.201 | 343.8 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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