# Cobalt Fuchsia Night Wheel

Analogous navy, purple and pink angular gradient with 32 colors: #071022, #081329, #0a1831, #0c1d3c, #0d2348, #0f2955, #102f62, #11356f, #113b7b, #104187, #0d4693, #074ca0, #0152ac, #0058b8, #005cc4, #0b5ecf, #1e5fd9, #2f5de2, #3f59e8, #4f53ed, #5e4bf0, #6d44f2, #7b3cf2, #8836f1, #9531ef, #a42fec, #b42ee8, #c32ee2, #d22edb, #df2fd4, #e930ce, #f031c9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous navy, purple and pink angular gradient
- Seed: `kWLR26rao_kHGwBG3UR1N_Eo`
- Page: https://grabient.com/kWLR26rao_kHGwBG3UR1N_Eo?style=angularGradient&steps=32&angle=101
- Drawn as: angular gradient, 32 steps, 101 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.4 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 | `#071022` | `oklch(17.72% 0.0400 262.27)` | Kuretake Black Manga | white, 18.9 to 1 |
| 2 | `#081329` | `oklch(19.18% 0.0460 261.98)` | Squid’s Ink | white, 18.4 to 1 |
| 3 | `#0a1831` | `oklch(21.16% 0.0541 261.57)` | Liberty Blue | white, 17.7 to 1 |
| 4 | `#0c1d3c` | `oklch(23.52% 0.0637 261.07)` | Midnight Mirage | white, 16.7 to 1 |
| 5 | `#0d2348` | `oklch(26.12% 0.0743 260.55)` | Dark Eclipse | white, 15.5 to 1 |
| 6 | `#0f2955` | `oklch(28.84% 0.0856 260.04)` | Dark Tyrian Blue | white, 14.3 to 1 |
| 7 | `#102f62` | `oklch(31.54% 0.0970 259.59)` | Marine | white, 13 to 1 |
| 8 | `#11356f` | `oklch(34.09% 0.1080 259.25)` | Atlantic Navy | white, 11.8 to 1 |
| 9 | `#113b7b` | `oklch(36.38% 0.1182 259.05)` | Azure Dragon | white, 10.8 to 1 |
| 10 | `#104187` | `oklch(38.63% 0.1284 258.62)` | Pacific Depths | white, 9.9 to 1 |
| 11 | `#0d4693` | `oklch(40.92% 0.1388 257.99)` | Liberalist | white, 9 to 1 |
| 12 | `#074ca0` | `oklch(43.20% 0.1493 257.35)` | Sea of Tears | white, 8.1 to 1 |
| 13 | `#0152ac` | `oklch(45.40% 0.1598 256.93)` | Aarhusian Sky | white, 7.4 to 1 |
| 14 | `#0058b8` | `oklch(47.46% 0.1681 256.95)` | London Rain | white, 6.8 to 1 |
| 15 | `#005cc4` | `oklch(49.31% 0.1793 257.58)` | Amnesia Blue | white, 6.3 to 1 |
| 16 | `#0b5ecf` | `oklch(50.90% 0.1897 259.03)` | Bnei Brak Bay | white, 5.9 to 1 |
| 17 | `#1e5fd9` | `oklch(52.15% 0.1989 261.56)` | Bnei Brak Bay | white, 5.6 to 1 |
| 18 | `#2f5de2` | `oklch(52.97% 0.2082 265.16)` | Veteran’s Day Blue | white, 5.5 to 1 |
| 19 | `#3f59e8` | `oklch(53.47% 0.2175 269.61)` | Qing Dynasty Dragon | white, 5.5 to 1 |
| 20 | `#4f53ed` | `oklch(53.76% 0.2265 274.70)` | Qing Dynasty Dragon | white, 5.5 to 1 |
| 21 | `#5e4bf0` | `oklch(53.96% 0.2350 280.20)` | Purplish Blue | white, 5.5 to 1 |
| 22 | `#6d44f2` | `oklch(54.20% 0.2428 285.89)` | Pink OCD | white, 5.6 to 1 |
| 23 | `#7b3cf2` | `oklch(54.60% 0.2496 291.54)` | Bluish Purple | white, 5.5 to 1 |
| 24 | `#8836f1` | `oklch(55.28% 0.2551 296.92)` | Bright Blue Violet | white, 5.4 to 1 |
| 25 | `#9531ef` | `oklch(56.35% 0.2592 302.17)` | Singapore Orchid | white, 5.2 to 1 |
| 26 | `#a42fec` | `oklch(57.74% 0.2617 307.91)` | Sweet Desire | white, 4.9 to 1 |
| 27 | `#b42ee8` | `oklch(59.35% 0.2631 313.92)` | Sweet Desire | white, 4.6 to 1 |
| 28 | `#c32ee2` | `oklch(61.06% 0.2636 319.92)` | Eupatorium Purple | black, 4.8 to 1 |
| 29 | `#d22edb` | `oklch(62.74% 0.2636 325.63)` | Demonic Purple | black, 5.1 to 1 |
| 30 | `#df2fd4` | `oklch(64.30% 0.2633 330.79)` | Méi Gūi Zǐ Purple | black, 5.4 to 1 |
| 31 | `#e930ce` | `oklch(65.60% 0.2630 335.12)` | Kriss Me Not Fuchsia | black, 5.7 to 1 |
| 32 | `#f031c9` | `oklch(66.54% 0.2632 338.35)` | Kriss Me Not Fuchsia | black, 6 to 1 |

## CSS

```css
background: conic-gradient(from 101deg, #071022 0.0%, #081329 3.2%, #0a1831 6.5%, #0c1d3c 9.7%, #0d2348 12.9%, #0f2955 16.1%, #102f62 19.4%, #11356f 22.6%, #113b7b 25.8%, #104187 29.0%, #0d4693 32.3%, #074ca0 35.5%, #0152ac 38.7%, #0058b8 41.9%, #005cc4 45.2%, #0b5ecf 48.4%, #1e5fd9 51.6%, #2f5de2 54.8%, #3f59e8 58.1%, #4f53ed 61.3%, #5e4bf0 64.5%, #6d44f2 67.7%, #7b3cf2 71.0%, #8836f1 74.2%, #9531ef 77.4%, #a42fec 80.6%, #b42ee8 83.9%, #c32ee2 87.1%, #d22edb 90.3%, #df2fd4 93.5%, #e930ce 96.8%, #f031c9 100.0%);
background: conic-gradient(from 101deg in oklch, oklch(17.72% 0.0400 262.27) 0.0%, oklch(19.18% 0.0460 261.98) 3.2%, oklch(21.16% 0.0541 261.57) 6.5%, oklch(23.52% 0.0637 261.07) 9.7%, oklch(26.12% 0.0743 260.55) 12.9%, oklch(28.84% 0.0856 260.04) 16.1%, oklch(31.54% 0.0970 259.59) 19.4%, oklch(34.09% 0.1080 259.25) 22.6%, oklch(36.38% 0.1182 259.05) 25.8%, oklch(38.63% 0.1284 258.62) 29.0%, oklch(40.92% 0.1388 257.99) 32.3%, oklch(43.20% 0.1493 257.35) 35.5%, oklch(45.40% 0.1598 256.93) 38.7%, oklch(47.46% 0.1681 256.95) 41.9%, oklch(49.31% 0.1793 257.58) 45.2%, oklch(50.90% 0.1897 259.03) 48.4%, oklch(52.15% 0.1989 261.56) 51.6%, oklch(52.97% 0.2082 265.16) 54.8%, oklch(53.47% 0.2175 269.61) 58.1%, oklch(53.76% 0.2265 274.70) 61.3%, oklch(53.96% 0.2350 280.20) 64.5%, oklch(54.20% 0.2428 285.89) 67.7%, oklch(54.60% 0.2496 291.54) 71.0%, oklch(55.28% 0.2551 296.92) 74.2%, oklch(56.35% 0.2592 302.17) 77.4%, oklch(57.74% 0.2617 307.91) 80.6%, oklch(59.35% 0.2631 313.92) 83.9%, oklch(61.06% 0.2636 319.92) 87.1%, oklch(62.74% 0.2636 325.63) 90.3%, oklch(64.30% 0.2633 330.79) 93.5%, oklch(65.60% 0.2630 335.12) 96.8%, oklch(66.54% 0.2632 338.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.04 | 262.3 |
| 2 | 0.358 | 0.116 | 259.1 |
| 3 | 0.516 | 0.194 | 260.2 |
| 4 | 0.555 | 0.256 | 298.2 |
| 5 | 0.665 | 0.263 | 338.4 |

## In these collections

- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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