# Pale Pink Midnight Blue Rings

Light pink, pink, purple and navy radial gradient with 32 colors: #fff5fd, #ffeffb, #ffe6f9, #ffdcf5, #ffd1f1, #ffc5eb, #ffb7e6, #ffa9e0, #ff9adc, #ff8bd9, #ff7ada, #fb6cdd, #f362e1, #e85ae8, #dc54f1, #cd4ffa, #bb4eff, #a850ff, #9550ff, #834cff, #7146ff, #603ffa, #4f3deb, #3e3ad8, #2e37c2, #1f33aa, #122e91, #072a7a, #022565, #002052, #001b43, #001839. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light pink, pink, purple and navy radial gradient
- Seed: `kU-QrtYEtAkVeuUbGjzA`
- Page: https://grabient.com/kU-QrtYEtAkVeuUbGjzA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.6 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 | `#fff5fd` | `oklch(98.03% 0.0138 333.28)` | Cold Snow | black, 19.7 to 1 |
| 2 | `#ffeffb` | `oklch(96.74% 0.0240 333.82)` | Partial Pink | black, 18.9 to 1 |
| 3 | `#ffe6f9` | `oklch(95.08% 0.0360 334.88)` | Bunny Tail | black, 17.9 to 1 |
| 4 | `#ffdcf5` | `oklch(93.12% 0.0500 336.25)` | Silky Pink | black, 16.8 to 1 |
| 5 | `#ffd1f1` | `oklch(90.92% 0.0657 337.75)` | Shampoo | black, 15.6 to 1 |
| 6 | `#ffc5eb` | `oklch(88.55% 0.0828 339.19)` | Soulmate Pink | black, 14.4 to 1 |
| 7 | `#ffb7e6` | `oklch(86.06% 0.1013 340.41)` | Hot Aquarelle Pink | black, 13.1 to 1 |
| 8 | `#ffa9e0` | `oklch(83.53% 0.1214 341.21)` | Fresh Gum | black, 12 to 1 |
| 9 | `#ff9adc` | `oklch(81.02% 0.1432 341.41)` | Pink Condition | black, 10.9 to 1 |
| 10 | `#ff8bd9` | `oklch(78.59% 0.1673 340.84)` | Pink Delight | black, 9.9 to 1 |
| 11 | `#ff7ada` | `oklch(76.31% 0.1946 339.31)` | Splash of Grenadine | black, 9 to 1 |
| 12 | `#fb6cdd` | `oklch(74.21% 0.2146 336.62)` | Lián Hóng Lotus Pink | black, 8.2 to 1 |
| 13 | `#f362e1` | `oklch(72.22% 0.2259 332.69)` | Pink Ping | black, 7.6 to 1 |
| 14 | `#e85ae8` | `oklch(70.31% 0.2364 327.73)` | Lake Retba Pink | black, 7 to 1 |
| 15 | `#dc54f1` | `oklch(68.44% 0.2459 322.02)` | Heliotrope | black, 6.5 to 1 |
| 16 | `#cd4ffa` | `oklch(66.57% 0.2540 315.78)` | Pink Fever | black, 6 to 1 |
| 17 | `#bb4eff` | `oklch(64.67% 0.2537 309.27)` | Magento | black, 5.6 to 1 |
| 18 | `#a850ff` | `oklch(62.70% 0.2462 302.74)` | Vega Violet | black, 5.2 to 1 |
| 19 | `#9550ff` | `oklch(60.63% 0.2442 296.43)` | Irrigo Purple | black, 4.8 to 1 |
| 20 | `#834cff` | `oklch(58.42% 0.2472 290.58)` | Sweet Escape | white, 4.7 to 1 |
| 21 | `#7146ff` | `oklch(56.03% 0.2548 285.46)` | Pink OCD | white, 5.2 to 1 |
| 22 | `#603ffa` | `oklch(53.43% 0.2579 281.24)` | Pink OCD | white, 5.8 to 1 |
| 23 | `#4f3deb` | `oklch(50.40% 0.2466 277.51)` | Royal Vessel | white, 6.5 to 1 |
| 24 | `#3e3ad8` | `oklch(47.01% 0.2305 274.07)` | Palatinate Blue | white, 7.4 to 1 |
| 25 | `#2e37c2` | `oklch(43.37% 0.2108 270.91)` | Blue Murder | white, 8.6 to 1 |
| 26 | `#1f33aa` | `oklch(39.61% 0.1888 268.04)` | Yuè Guāng Lán Blue | white, 9.9 to 1 |
| 27 | `#122e91` | `oklch(35.84% 0.1655 265.43)` | US Air Force Blue | white, 11.4 to 1 |
| 28 | `#072a7a` | `oklch(32.20% 0.1421 263.09)` | Catalina Blue | white, 12.9 to 1 |
| 29 | `#022565` | `oklch(28.80% 0.1199 260.99)` | Deep Sapphire | white, 14.5 to 1 |
| 30 | `#002052` | `oklch(25.76% 0.1000 259.14)` | Subnautical | white, 15.8 to 1 |
| 31 | `#001b43` | `oklch(23.20% 0.0835 257.53)` | Maastricht Blue | white, 16.9 to 1 |
| 32 | `#001839` | `oklch(21.26% 0.0717 256.14)` | Navy | white, 17.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff5fd 0.0%, #ffeffb 3.2%, #ffe6f9 6.5%, #ffdcf5 9.7%, #ffd1f1 12.9%, #ffc5eb 16.1%, #ffb7e6 19.4%, #ffa9e0 22.6%, #ff9adc 25.8%, #ff8bd9 29.0%, #ff7ada 32.3%, #fb6cdd 35.5%, #f362e1 38.7%, #e85ae8 41.9%, #dc54f1 45.2%, #cd4ffa 48.4%, #bb4eff 51.6%, #a850ff 54.8%, #9550ff 58.1%, #834cff 61.3%, #7146ff 64.5%, #603ffa 67.7%, #4f3deb 71.0%, #3e3ad8 74.2%, #2e37c2 77.4%, #1f33aa 80.6%, #122e91 83.9%, #072a7a 87.1%, #022565 90.3%, #002052 93.5%, #001b43 96.8%, #001839 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.03% 0.0138 333.28) 0.0%, oklch(96.74% 0.0240 333.82) 3.2%, oklch(95.08% 0.0360 334.88) 6.5%, oklch(93.12% 0.0500 336.25) 9.7%, oklch(90.92% 0.0657 337.75) 12.9%, oklch(88.55% 0.0828 339.19) 16.1%, oklch(86.06% 0.1013 340.41) 19.4%, oklch(83.53% 0.1214 341.21) 22.6%, oklch(81.02% 0.1432 341.41) 25.8%, oklch(78.59% 0.1673 340.84) 29.0%, oklch(76.31% 0.1946 339.31) 32.3%, oklch(74.21% 0.2146 336.62) 35.5%, oklch(72.22% 0.2259 332.69) 38.7%, oklch(70.31% 0.2364 327.73) 41.9%, oklch(68.44% 0.2459 322.02) 45.2%, oklch(66.57% 0.2540 315.78) 48.4%, oklch(64.67% 0.2537 309.27) 51.6%, oklch(62.70% 0.2462 302.74) 54.8%, oklch(60.63% 0.2442 296.43) 58.1%, oklch(58.42% 0.2472 290.58) 61.3%, oklch(56.03% 0.2548 285.46) 64.5%, oklch(53.43% 0.2579 281.24) 67.7%, oklch(50.40% 0.2466 277.51) 71.0%, oklch(47.01% 0.2305 274.07) 74.2%, oklch(43.37% 0.2108 270.91) 77.4%, oklch(39.61% 0.1888 268.04) 80.6%, oklch(35.84% 0.1655 265.43) 83.9%, oklch(32.20% 0.1421 263.09) 87.1%, oklch(28.80% 0.1199 260.99) 90.3%, oklch(25.76% 0.1000 259.14) 93.5%, oklch(23.20% 0.0835 257.53) 96.8%, oklch(21.26% 0.0717 256.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.014 | 333.3 |
| 2 | 0.756 | 0.207 | 338.6 |
| 3 | 0.543 | 0.26 | 282.6 |
| 4 | 0.213 | 0.072 | 256.1 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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