# Cyan magenta navy rings

Purple, navy, pink and blue radial gradient with 40 colors: #b93fb4, #a74ac4, #8a5bd4, #636cd8, #307bcb, #0083ae, #008496, #008184, #027b78, #00706f, #006066, #004e5c, #003d53, #002d4d, #011b54, #130e51, #1e0554, #2d025e, #41036d, #5a097f, #781290, #981c9f, #b826a7, #d32fa8, #e838a1, #f64699, #ff5793, #ff6c8e, #ff7c89, #ff8782, #ff9075, #f89a67, #eaa357, #d0ac4a, #a9b453, #75b86f, #31b590, #00acab, #00a1bd, #0099cc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, navy, pink and blue radial gradient
- Seed: `kYlJXqw6Evp0sSpO08dYi9H1GvVS`
- Page: https://grabient.com/kYlJXqw6Evp0sSpO08dYi9H1GvVS?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.1 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 | `#b93fb4` | `oklch(58.27% 0.2053 329.77)` | Ultraviolet Cryner | white, 4.7 to 1 |
| 2 | `#a74ac4` | `oklch(58.04% 0.1952 317.22)` | Royal Gramma Purple | white, 4.7 to 1 |
| 3 | `#8a5bd4` | `oklch(57.93% 0.1806 298.73)` | Gloomy Purple | white, 4.6 to 1 |
| 4 | `#636cd8` | `oklch(57.82% 0.1631 276.59)` | C64 Purple | black, 4.6 to 1 |
| 5 | `#307bcb` | `oklch(57.57% 0.1444 253.12)` | Heirloom Hydrangea | black, 4.7 to 1 |
| 6 | `#0083ae` | `oklch(57.06% 0.1145 230.64)` | Tusche Blue | black, 4.8 to 1 |
| 7 | `#008496` | `oklch(56.16% 0.0976 211.40)` | Cruising | black, 4.7 to 1 |
| 8 | `#008184` | `oklch(54.74% 0.0931 197.75)` | Fanfare | white, 4.6 to 1 |
| 9 | `#027b78` | `oklch(52.66% 0.0899 191.93)` | Surfie Green | white, 5.1 to 1 |
| 10 | `#00706f` | `oklch(49.18% 0.0841 193.97)` | Boating Green | white, 5.9 to 1 |
| 11 | `#006066` | `oklch(44.46% 0.0756 202.00)` | Beau Vert | white, 7.3 to 1 |
| 12 | `#004e5c` | `oklch(39.08% 0.0688 214.43)` | Teal Dark Blue | white, 9.3 to 1 |
| 13 | `#003d53` | `oklch(33.64% 0.0668 229.64)` | Duskwood | white, 11.7 to 1 |
| 14 | `#002d4d` | `oklch(28.75% 0.0740 246.02)` | Royal Blue Metallic | white, 14.1 to 1 |
| 15 | `#011b54` | `oklch(24.98% 0.1075 261.77)` | Clarinet | white, 16.2 to 1 |
| 16 | `#130e51` | `oklch(22.96% 0.1160 275.58)` | Shadowdancer | white, 17.3 to 1 |
| 17 | `#1e0554` | `oklch(23.26% 0.1253 286.04)` | Indigo Sloth | white, 17.4 to 1 |
| 18 | `#2d025e` | `oklch(25.96% 0.1388 295.01)` | Deep Violet | white, 16.4 to 1 |
| 19 | `#41036d` | `oklch(30.49% 0.1558 303.28)` | Obsidian Shell | white, 14.4 to 1 |
| 20 | `#5a097f` | `oklch(36.28% 0.1745 311.07)` | Peaceful Purple | white, 11.7 to 1 |
| 21 | `#781290` | `oklch(42.75% 0.1930 318.56)` | Ultraberry | white, 9.1 to 1 |
| 22 | `#981c9f` | `oklch(49.29% 0.2095 325.96)` | Violet Eggplant | white, 6.9 to 1 |
| 23 | `#b826a7` | `oklch(55.33% 0.2222 333.48)` | Amora Purple | white, 5.4 to 1 |
| 24 | `#d32fa8` | `oklch(60.27% 0.2293 341.30)` | Melodramatic Magenta | black, 4.7 to 1 |
| 25 | `#e838a1` | `oklch(63.84% 0.2290 349.23)` | Pink Bite | black, 5.4 to 1 |
| 26 | `#f64699` | `oklch(66.97% 0.2214 356.05)` | Rose Bonbon | black, 6.2 to 1 |
| 27 | `#ff5793` | `oklch(69.73% 0.2084 2.25)` | Fuchsia Fever | black, 7 to 1 |
| 28 | `#ff6c8e` | `oklch(72.10% 0.1803 8.52)` | Blush Hour | black, 7.8 to 1 |
| 29 | `#ff7c89` | `oklch(74.06% 0.1597 15.54)` | Anime Blush | black, 8.4 to 1 |
| 30 | `#ff8782` | `oklch(75.57% 0.1462 24.02)` | Red Mull | black, 9 to 1 |
| 31 | `#ff9075` | `oklch(76.60% 0.1407 34.62)` | Alexandria | black, 9.4 to 1 |
| 32 | `#f89a67` | `oklch(77.12% 0.1309 48.05)` | Indian Paintbrush | black, 9.7 to 1 |
| 33 | `#eaa357` | `oklch(76.94% 0.1254 65.74)` | Roasted Squash | black, 9.8 to 1 |
| 34 | `#d0ac4a` | `oklch(75.84% 0.1227 88.55)` | Haystack | black, 9.6 to 1 |
| 35 | `#a9b453` | `oklch(74.06% 0.1221 114.70)` | Green Banana | black, 9.3 to 1 |
| 36 | `#75b86f` | `oklch(71.86% 0.1231 142.35)` | Green Galore | black, 8.8 to 1 |
| 37 | `#31b590` | `oklch(69.51% 0.1249 169.62)` | Aoife’s Green | black, 8.1 to 1 |
| 38 | `#00acab` | `oklch(67.28% 0.1149 194.69)` | Jade Orchid | black, 7.4 to 1 |
| 39 | `#00a1bd` | `oklch(65.41% 0.1160 215.70)` | Greek Blue | black, 6.8 to 1 |
| 40 | `#0099cc` | `oklch(64.18% 0.1291 230.79)` | Tomb Blue | black, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b93fb4 0.0%, #a74ac4 2.6%, #8a5bd4 5.1%, #636cd8 7.7%, #307bcb 10.3%, #0083ae 12.8%, #008496 15.4%, #008184 17.9%, #027b78 20.5%, #00706f 23.1%, #006066 25.6%, #004e5c 28.2%, #003d53 30.8%, #002d4d 33.3%, #011b54 35.9%, #130e51 38.5%, #1e0554 41.0%, #2d025e 43.6%, #41036d 46.2%, #5a097f 48.7%, #781290 51.3%, #981c9f 53.8%, #b826a7 56.4%, #d32fa8 59.0%, #e838a1 61.5%, #f64699 64.1%, #ff5793 66.7%, #ff6c8e 69.2%, #ff7c89 71.8%, #ff8782 74.4%, #ff9075 76.9%, #f89a67 79.5%, #eaa357 82.1%, #d0ac4a 84.6%, #a9b453 87.2%, #75b86f 89.7%, #31b590 92.3%, #00acab 94.9%, #00a1bd 97.4%, #0099cc 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(58.27% 0.2053 329.77) 0.0%, oklch(58.04% 0.1952 317.22) 2.6%, oklch(57.93% 0.1806 298.73) 5.1%, oklch(57.82% 0.1631 276.59) 7.7%, oklch(57.57% 0.1444 253.12) 10.3%, oklch(57.06% 0.1145 230.64) 12.8%, oklch(56.16% 0.0976 211.40) 15.4%, oklch(54.74% 0.0931 197.75) 17.9%, oklch(52.66% 0.0899 191.93) 20.5%, oklch(49.18% 0.0841 193.97) 23.1%, oklch(44.46% 0.0756 202.00) 25.6%, oklch(39.08% 0.0688 214.43) 28.2%, oklch(33.64% 0.0668 229.64) 30.8%, oklch(28.75% 0.0740 246.02) 33.3%, oklch(24.98% 0.1075 261.77) 35.9%, oklch(22.96% 0.1160 275.58) 38.5%, oklch(23.26% 0.1253 286.04) 41.0%, oklch(25.96% 0.1388 295.01) 43.6%, oklch(30.49% 0.1558 303.28) 46.2%, oklch(36.28% 0.1745 311.07) 48.7%, oklch(42.75% 0.1930 318.56) 51.3%, oklch(49.29% 0.2095 325.96) 53.8%, oklch(55.33% 0.2222 333.48) 56.4%, oklch(60.27% 0.2293 341.30) 59.0%, oklch(63.84% 0.2290 349.23) 61.5%, oklch(66.97% 0.2214 356.05) 64.1%, oklch(69.73% 0.2084 2.25) 66.7%, oklch(72.10% 0.1803 8.52) 69.2%, oklch(74.06% 0.1597 15.54) 71.8%, oklch(75.57% 0.1462 24.02) 74.4%, oklch(76.60% 0.1407 34.62) 76.9%, oklch(77.12% 0.1309 48.05) 79.5%, oklch(76.94% 0.1254 65.74) 82.1%, oklch(75.84% 0.1227 88.55) 84.6%, oklch(74.06% 0.1221 114.70) 87.2%, oklch(71.86% 0.1231 142.35) 89.7%, oklch(69.51% 0.1249 169.62) 92.3%, oklch(67.28% 0.1149 194.69) 94.9%, oklch(65.41% 0.1160 215.70) 97.4%, oklch(64.18% 0.1291 230.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.205 | 329.8 |
| 2 | 0.531 | 0.091 | 192.4 |
| 3 | 0.228 | 0.121 | 282.2 |
| 4 | 0.618 | 0.23 | 344.6 |
| 5 | 0.772 | 0.13 | 411.1 |
| 6 | 0.642 | 0.13 | 590.8 |

## In these collections

- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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