# Pink and Blue: Deep cyan and magenta

The "Pink and Blue: Deep cyan and magenta" palette brings together blue, light magenta, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light magenta.

- Also called: Navy, blue, pink and purple radial gradient
- Seed: `kWUh6fS6NAFOpxTfscfwcHAQ`
- Page: https://grabient.com/kWUh6fS6NAFOpxTfscfwcHAQ?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 5.3 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 | `#193843` | `oklch(32.28% 0.0413 223.59)` | Into the Night | white, 12.4 to 1 |
| 2 | `#1b3f4b` | `oklch(34.61% 0.0460 223.36)` | Bay Isle Pointe | white, 11.3 to 1 |
| 3 | `#1e4856` | `oklch(37.88% 0.0526 222.72)` | Mallard | white, 9.8 to 1 |
| 4 | `#205464` | `oklch(41.78% 0.0604 221.94)` | Juggernaut | white, 8.3 to 1 |
| 5 | `#236173` | `oklch(46.01% 0.0689 221.28)` | Holiday Velvet | white, 6.9 to 1 |
| 6 | `#256e83` | `oklch(50.25% 0.0774 221.03)` | Billabong | white, 5.7 to 1 |
| 7 | `#287a92` | `oklch(54.19% 0.0854 221.46)` | Turkish Stone | white, 4.8 to 1 |
| 8 | `#2b85a0` | `oklch(57.53% 0.0924 222.83)` | Gogo Blue | black, 4.9 to 1 |
| 9 | `#2f8cac` | `oklch(59.97% 0.0976 225.42)` | Carol | black, 5.4 to 1 |
| 10 | `#3590b6` | `oklch(61.61% 0.1014 229.10)` | Navagio Bay | black, 5.8 to 1 |
| 11 | `#3c92bd` | `oklch(62.71% 0.1043 233.67)` | Opalescent | black, 6 to 1 |
| 12 | `#4493c4` | `oklch(63.40% 0.1064 239.01)` | Opalescent | black, 6.1 to 1 |
| 13 | `#4e92c9` | `oklch(63.86% 0.1081 244.99)` | Azure Blue | black, 6.2 to 1 |
| 14 | `#5891cd` | `oklch(64.22% 0.1096 251.47)` | Delphinium Corsage | black, 6.3 to 1 |
| 15 | `#638fd1` | `oklch(64.65% 0.1112 258.33)` | Royal Regatta | black, 6.3 to 1 |
| 16 | `#6f8ed5` | `oklch(65.29% 0.1132 265.43)` | Organza Violet | black, 6.4 to 1 |
| 17 | `#7c8eda` | `oklch(66.33% 0.1156 272.87)` | Mood Mode | black, 6.7 to 1 |
| 18 | `#8c8edf` | `oklch(67.88% 0.1180 281.63)` | Perrywinkle | black, 7 to 1 |
| 19 | `#9f8fe2` | `oklch(69.73% 0.1204 291.40)` | Middy’s Purple | black, 7.5 to 1 |
| 20 | `#b190e4` | `oklch(71.65% 0.1228 301.60)` | Dreamy Candy Forest | black, 8 to 1 |
| 21 | `#c391e2` | `oklch(73.41% 0.1254 311.67)` | Bright Lavender | black, 8.4 to 1 |
| 22 | `#d291de` | `oklch(74.78% 0.1283 321.05)` | Somewhere in a Fairytale | black, 8.8 to 1 |
| 23 | `#dd90d8` | `oklch(75.51% 0.1316 329.16)` | Love Dust | black, 9 to 1 |
| 24 | `#e48dd0` | `oklch(75.39% 0.1354 335.45)` | Blushed Bombshell | black, 9 to 1 |
| 25 | `#e586c7` | `oklch(74.12% 0.1400 339.53)` | Blushed Bombshell | black, 8.5 to 1 |
| 26 | `#e07cbd` | `oklch(71.63% 0.1458 341.81)` | Fuchsia Blush | black, 7.7 to 1 |
| 27 | `#d86fb2` | `oklch(68.30% 0.1522 342.68)` | Purple Hollyhock | black, 6.8 to 1 |
| 28 | `#cd61a7` | `oklch(64.47% 0.1590 342.55)` | Pú Táo Zǐ Purple | black, 5.8 to 1 |
| 29 | `#c1529d` | `oklch(60.52% 0.1656 341.80)` | Rose Violet | black, 4.9 to 1 |
| 30 | `#b64495` | `oklch(56.81% 0.1717 340.84)` | Safflower Purple | white, 4.9 to 1 |
| 31 | `#ac388d` | `oklch(53.71% 0.1768 340.05)` | Fandango | white, 5.6 to 1 |
| 32 | `#a62f88` | `oklch(51.57% 0.1805 339.84)` | Wild Aster | white, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #193843 0.0%, #1b3f4b 3.2%, #1e4856 6.5%, #205464 9.7%, #236173 12.9%, #256e83 16.1%, #287a92 19.4%, #2b85a0 22.6%, #2f8cac 25.8%, #3590b6 29.0%, #3c92bd 32.3%, #4493c4 35.5%, #4e92c9 38.7%, #5891cd 41.9%, #638fd1 45.2%, #6f8ed5 48.4%, #7c8eda 51.6%, #8c8edf 54.8%, #9f8fe2 58.1%, #b190e4 61.3%, #c391e2 64.5%, #d291de 67.7%, #dd90d8 71.0%, #e48dd0 74.2%, #e586c7 77.4%, #e07cbd 80.6%, #d86fb2 83.9%, #cd61a7 87.1%, #c1529d 90.3%, #b64495 93.5%, #ac388d 96.8%, #a62f88 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(32.28% 0.0413 223.59) 0.0%, oklch(34.61% 0.0460 223.36) 3.2%, oklch(37.88% 0.0526 222.72) 6.5%, oklch(41.78% 0.0604 221.94) 9.7%, oklch(46.01% 0.0689 221.28) 12.9%, oklch(50.25% 0.0774 221.03) 16.1%, oklch(54.19% 0.0854 221.46) 19.4%, oklch(57.53% 0.0924 222.83) 22.6%, oklch(59.97% 0.0976 225.42) 25.8%, oklch(61.61% 0.1014 229.10) 29.0%, oklch(62.71% 0.1043 233.67) 32.3%, oklch(63.40% 0.1064 239.01) 35.5%, oklch(63.86% 0.1081 244.99) 38.7%, oklch(64.22% 0.1096 251.47) 41.9%, oklch(64.65% 0.1112 258.33) 45.2%, oklch(65.29% 0.1132 265.43) 48.4%, oklch(66.33% 0.1156 272.87) 51.6%, oklch(67.88% 0.1180 281.63) 54.8%, oklch(69.73% 0.1204 291.40) 58.1%, oklch(71.65% 0.1228 301.60) 61.3%, oklch(73.41% 0.1254 311.67) 64.5%, oklch(74.78% 0.1283 321.05) 67.7%, oklch(75.51% 0.1316 329.16) 71.0%, oklch(75.39% 0.1354 335.45) 74.2%, oklch(74.12% 0.1400 339.53) 77.4%, oklch(71.63% 0.1458 341.81) 80.6%, oklch(68.30% 0.1522 342.68) 83.9%, oklch(64.47% 0.1590 342.55) 87.1%, oklch(60.52% 0.1656 341.80) 90.3%, oklch(56.81% 0.1717 340.84) 93.5%, oklch(53.71% 0.1768 340.05) 96.8%, oklch(51.57% 0.1805 339.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.041 | 223.6 |
| 2 | 0.594 | 0.096 | 224.7 |
| 3 | 0.657 | 0.114 | 269 |
| 4 | 0.752 | 0.136 | 336.7 |
| 5 | 0.516 | 0.181 | 339.8 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)

## Other forms

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