# Near-black and violet color palette

The Near-black and violet color palette brings together dark blue and purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark blue, and its lightest tone is purple.

- Also called: Analogous black, navy, purple and blue radial gradient
- Seed: `kWHiS5HqvCU7QQ2dKDgkJI-I`
- Page: https://grabient.com/kWHiS5HqvCU7QQ2dKDgkJI-I?style=radialGradient&steps=40&angle=225
- Drawn as: radial gradient, 40 steps, 225 degrees
- Kinds: light center, vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#000418` | `oklch(11.82% 0.0495 260.46)` | Melanophobia | white, 20.3 to 1 |
| 2 | `#00051b` | `oklch(12.44% 0.0538 261.34)` | Melanophobia | white, 20.2 to 1 |
| 3 | `#00051f` | `oklch(13.10% 0.0590 262.81)` | Melanophobia | white, 20.1 to 1 |
| 4 | `#010523` | `oklch(13.83% 0.0651 264.54)` | Melanophobia | white, 20 to 1 |
| 5 | `#020528` | `oklch(14.68% 0.0719 266.49)` | Midnight | white, 19.8 to 1 |
| 6 | `#03062e` | `oklch(15.69% 0.0794 268.62)` | Mysterious Depths | white, 19.6 to 1 |
| 7 | `#050634` | `oklch(16.90% 0.0874 270.91)` | Cosmic Void | white, 19.3 to 1 |
| 8 | `#09073c` | `oklch(18.36% 0.0959 273.31)` | Congressional Navy | white, 18.9 to 1 |
| 9 | `#0e0844` | `oklch(20.12% 0.1045 275.79)` | Silent Twilight | white, 18.4 to 1 |
| 10 | `#140b4d` | `oklch(22.20% 0.1133 278.32)` | Silent Twilight | white, 17.7 to 1 |
| 11 | `#1c0e58` | `oklch(24.70% 0.1222 280.91)` | Indigo Sloth | white, 16.7 to 1 |
| 12 | `#271466` | `oklch(28.16% 0.1328 284.25)` | Nebula Night | white, 15.2 to 1 |
| 13 | `#361c78` | `oklch(32.56% 0.1453 288.36)` | Explorer of the Galaxies | white, 13.1 to 1 |
| 14 | `#48258c` | `oklch(37.56% 0.1590 292.92)` | Galactic Civilization | white, 10.9 to 1 |
| 15 | `#5d2e9f` | `oklch(42.83% 0.1729 297.57)` | Royalty | white, 8.8 to 1 |
| 16 | `#7337b3` | `oklch(48.04% 0.1864 301.99)` | Shredder Lavender | white, 7.1 to 1 |
| 17 | `#8840c4` | `oklch(52.85% 0.1987 305.82)` | Harley Hair Purple | white, 5.8 to 1 |
| 18 | `#9b47d2` | `oklch(56.94% 0.2089 308.75)` | Purple Yam | white, 4.9 to 1 |
| 19 | `#a84ddd` | `oklch(59.97% 0.2163 310.41)` | Purple Yam | black, 4.7 to 1 |
| 20 | `#ae51e4` | `oklch(61.61% 0.2201 310.49)` | Lightish Purple | black, 5 to 1 |
| 21 | `#aa52e7` | `oklch(61.55% 0.2196 308.60)` | Lightish Purple | black, 5 to 1 |
| 22 | `#9d51e4` | `oklch(59.75% 0.2146 304.47)` | Lightish Purple | black, 4.7 to 1 |
| 23 | `#894edc` | `oklch(56.55% 0.2059 298.53)` | Gloomy Purple | white, 5 to 1 |
| 24 | `#6f4ace` | `oklch(52.28% 0.1944 291.22)` | Aconite Purple | white, 5.9 to 1 |
| 25 | `#5343bb` | `oklch(47.29% 0.1809 283.04)` | Swiss Plum | white, 7.2 to 1 |
| 26 | `#363ca5` | `oklch(41.92% 0.1661 274.44)` | Purple Cabbage | white, 8.9 to 1 |
| 27 | `#18338c` | `oklch(36.51% 0.1511 265.91)` | Dark Seashore Night | white, 11 to 1 |
| 28 | `#002e6b` | `oklch(31.42% 0.1163 258.00)` | Deep Sea Dream | white, 13.1 to 1 |
| 29 | `#00274b` | `oklch(26.97% 0.0786 251.07)` | Rhapsody in Blue | white, 15.1 to 1 |
| 30 | `#002038` | `oklch(23.52% 0.0600 245.64)` | Cyanophobia | white, 16.6 to 1 |
| 31 | `#001b2d` | `oklch(21.12% 0.0499 241.80)` | Oxford by Night | white, 17.6 to 1 |
| 32 | `#001625` | `oklch(19.20% 0.0431 238.84)` | Creeping Death | white, 18.3 to 1 |
| 33 | `#00131f` | `oklch(17.69% 0.0384 236.59)` | Kuretake Black Manga | white, 18.8 to 1 |
| 34 | `#00101b` | `oklch(16.51% 0.0350 234.94)` | Kuretake Black Manga | white, 19.2 to 1 |
| 35 | `#000e18` | `oklch(15.61% 0.0326 233.75)` | Black Knight | white, 19.4 to 1 |
| 36 | `#000d16` | `oklch(14.92% 0.0308 232.92)` | Black Knight | white, 19.6 to 1 |
| 37 | `#000c14` | `oklch(14.38% 0.0295 232.32)` | Black Knight | white, 19.7 to 1 |
| 38 | `#000b13` | `oklch(13.93% 0.0284 231.85)` | Black Knight | white, 19.8 to 1 |
| 39 | `#000a11` | `oklch(13.51% 0.0273 231.39)` | Black Knight | white, 19.9 to 1 |
| 40 | `#000910` | `oklch(13.04% 0.0262 230.84)` | Black Knight | white, 20 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #000418 0.0%, #00051b 2.6%, #00051f 5.1%, #010523 7.7%, #020528 10.3%, #03062e 12.8%, #050634 15.4%, #09073c 17.9%, #0e0844 20.5%, #140b4d 23.1%, #1c0e58 25.6%, #271466 28.2%, #361c78 30.8%, #48258c 33.3%, #5d2e9f 35.9%, #7337b3 38.5%, #8840c4 41.0%, #9b47d2 43.6%, #a84ddd 46.2%, #ae51e4 48.7%, #aa52e7 51.3%, #9d51e4 53.8%, #894edc 56.4%, #6f4ace 59.0%, #5343bb 61.5%, #363ca5 64.1%, #18338c 66.7%, #002e6b 69.2%, #00274b 71.8%, #002038 74.4%, #001b2d 76.9%, #001625 79.5%, #00131f 82.1%, #00101b 84.6%, #000e18 87.2%, #000d16 89.7%, #000c14 92.3%, #000b13 94.9%, #000a11 97.4%, #000910 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(11.82% 0.0495 260.46) 0.0%, oklch(12.44% 0.0538 261.34) 2.6%, oklch(13.10% 0.0590 262.81) 5.1%, oklch(13.83% 0.0651 264.54) 7.7%, oklch(14.68% 0.0719 266.49) 10.3%, oklch(15.69% 0.0794 268.62) 12.8%, oklch(16.90% 0.0874 270.91) 15.4%, oklch(18.36% 0.0959 273.31) 17.9%, oklch(20.12% 0.1045 275.79) 20.5%, oklch(22.20% 0.1133 278.32) 23.1%, oklch(24.70% 0.1222 280.91) 25.6%, oklch(28.16% 0.1328 284.25) 28.2%, oklch(32.56% 0.1453 288.36) 30.8%, oklch(37.56% 0.1590 292.92) 33.3%, oklch(42.83% 0.1729 297.57) 35.9%, oklch(48.04% 0.1864 301.99) 38.5%, oklch(52.85% 0.1987 305.82) 41.0%, oklch(56.94% 0.2089 308.75) 43.6%, oklch(59.97% 0.2163 310.41) 46.2%, oklch(61.61% 0.2201 310.49) 48.7%, oklch(61.55% 0.2196 308.60) 51.3%, oklch(59.75% 0.2146 304.47) 53.8%, oklch(56.55% 0.2059 298.53) 56.4%, oklch(52.28% 0.1944 291.22) 59.0%, oklch(47.29% 0.1809 283.04) 61.5%, oklch(41.92% 0.1661 274.44) 64.1%, oklch(36.51% 0.1511 265.91) 66.7%, oklch(31.42% 0.1163 258.00) 69.2%, oklch(26.97% 0.0786 251.07) 71.8%, oklch(23.52% 0.0600 245.64) 74.4%, oklch(21.12% 0.0499 241.80) 76.9%, oklch(19.20% 0.0431 238.84) 79.5%, oklch(17.69% 0.0384 236.59) 82.1%, oklch(16.51% 0.0350 234.94) 84.6%, oklch(15.61% 0.0326 233.75) 87.2%, oklch(14.92% 0.0308 232.92) 89.7%, oklch(14.38% 0.0295 232.32) 92.3%, oklch(13.93% 0.0284 231.85) 94.9%, oklch(13.51% 0.0273 231.39) 97.4%, oklch(13.04% 0.0262 230.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.05 | 260.2 |
| 2 | 0.24 | 0.12 | 280.2 |
| 3 | 0.618 | 0.22 | 309.8 |
| 4 | 0.228 | 0.11 | 244.3 |
| 5 | 0.13 | 0.05 | 229.5 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)
- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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