# Near-black, deep cyan and navy green multicolor

The Near-black, deep cyan and navy green multicolor brings together dark gray, green, purple, and dark blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is purple.

- Also called: Black, dark green, purple and navy radial gradient
- Seed: `kULBBqshs_kQjUgYjb7g`
- Page: https://grabient.com/kULBBqshs_kQjUgYjb7g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#09130b` | `oklch(17.32% 0.0220 149.77)` | Jedi Night | white, 18.9 to 1 |
| 2 | `#0b160d` | `oklch(18.62% 0.0252 148.92)` | Pinch of Pepper | white, 18.5 to 1 |
| 3 | `#0d1a0f` | `oklch(20.32% 0.0293 146.99)` | Pinch of Pepper | white, 17.8 to 1 |
| 4 | `#112011` | `oklch(22.35% 0.0343 144.40)` | Nightmare | white, 17 to 1 |
| 5 | `#152513` | `oklch(24.62% 0.0399 141.59)` | Deep Slate Olive | white, 15.9 to 1 |
| 6 | `#1b2c16` | `oklch(27.05% 0.0458 138.99)` | Kuro Green | white, 14.8 to 1 |
| 7 | `#203318` | `oklch(29.56% 0.0519 137.03)` | Darkest Forest | white, 13.6 to 1 |
| 8 | `#253a1b` | `oklch(32.06% 0.0579 136.15)` | Deep Fir | white, 12.4 to 1 |
| 9 | `#29411e` | `oklch(34.49% 0.0636 136.79)` | Myrtle | white, 11.2 to 1 |
| 10 | `#2b4823` | `oklch(36.75% 0.0688 139.37)` | Forestry | white, 10.2 to 1 |
| 11 | `#2a4e2a` | `oklch(38.77% 0.0732 144.34)` | Cal Poly Pomona Green | white, 9.3 to 1 |
| 12 | `#245534` | `oklch(40.60% 0.0768 152.38)` | Kaitoke Green | white, 8.6 to 1 |
| 13 | `#165c43` | `oklch(42.63% 0.0806 164.20)` | Evergreen | white, 7.8 to 1 |
| 14 | `#006356` | `oklch(44.79% 0.0818 179.01)` | Dancing Peacock | white, 7.1 to 1 |
| 15 | `#006869` | `oklch(46.95% 0.0800 195.99)` | Quetzal Green | white, 6.5 to 1 |
| 16 | `#006c7e` | `oklch(49.02% 0.0863 214.23)` | Shinbashi Azure | white, 6 to 1 |
| 17 | `#1d6e92` | `oklch(50.87% 0.0937 232.86)` | Blue Oasis | white, 5.6 to 1 |
| 18 | `#3d6d9f` | `oklch(52.41% 0.0959 251.04)` | Star Sapphire | white, 5.3 to 1 |
| 19 | `#556aa6` | `oklch(53.52% 0.0973 267.90)` | Submarine Base | white, 5.2 to 1 |
| 20 | `#6767a6` | `oklch(54.09% 0.0978 282.58)` | Blue Iris | white, 5.1 to 1 |
| 21 | `#7263a2` | `oklch(54.01% 0.0974 294.20)` | Scampi | white, 5.2 to 1 |
| 22 | `#775e9a` | `oklch(53.15% 0.0957 301.99)` | Jubilee | white, 5.4 to 1 |
| 23 | `#745890` | `oklch(51.25% 0.0924 306.59)` | Classic Waltz | white, 5.9 to 1 |
| 24 | `#6d5084` | `oklch(48.41% 0.0874 308.69)` | Zimidar | white, 6.6 to 1 |
| 25 | `#624877` | `oklch(44.87% 0.0813 308.77)` | Picasso Lily | white, 7.7 to 1 |
| 26 | `#553f69` | `oklch(40.85% 0.0743 307.28)` | When Blue Met Red | white, 9.1 to 1 |
| 27 | `#47355b` | `oklch(36.58% 0.0670 304.69)` | Blackberry Cordial | white, 10.8 to 1 |
| 28 | `#392c4d` | `oklch(32.28% 0.0596 301.45)` | Midnight Pie | white, 12.8 to 1 |
| 29 | `#2d2340` | `oklch(28.18% 0.0525 298.04)` | Telopea | white, 14.7 to 1 |
| 30 | `#221c34` | `oklch(24.50% 0.0462 294.92)` | Black Howl | white, 16.4 to 1 |
| 31 | `#1a152b` | `oklch(21.46% 0.0409 292.54)` | Sambucus | white, 17.6 to 1 |
| 32 | `#151124` | `oklch(19.29% 0.0372 291.37)` | Corbeau | white, 18.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #09130b 0.0%, #0b160d 3.2%, #0d1a0f 6.5%, #112011 9.7%, #152513 12.9%, #1b2c16 16.1%, #203318 19.4%, #253a1b 22.6%, #29411e 25.8%, #2b4823 29.0%, #2a4e2a 32.3%, #245534 35.5%, #165c43 38.7%, #006356 41.9%, #006869 45.2%, #006c7e 48.4%, #1d6e92 51.6%, #3d6d9f 54.8%, #556aa6 58.1%, #6767a6 61.3%, #7263a2 64.5%, #775e9a 67.7%, #745890 71.0%, #6d5084 74.2%, #624877 77.4%, #553f69 80.6%, #47355b 83.9%, #392c4d 87.1%, #2d2340 90.3%, #221c34 93.5%, #1a152b 96.8%, #151124 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.32% 0.0220 149.77) 0.0%, oklch(18.62% 0.0252 148.92) 3.2%, oklch(20.32% 0.0293 146.99) 6.5%, oklch(22.35% 0.0343 144.40) 9.7%, oklch(24.62% 0.0399 141.59) 12.9%, oklch(27.05% 0.0458 138.99) 16.1%, oklch(29.56% 0.0519 137.03) 19.4%, oklch(32.06% 0.0579 136.15) 22.6%, oklch(34.49% 0.0636 136.79) 25.8%, oklch(36.75% 0.0688 139.37) 29.0%, oklch(38.77% 0.0732 144.34) 32.3%, oklch(40.60% 0.0768 152.38) 35.5%, oklch(42.63% 0.0806 164.20) 38.7%, oklch(44.79% 0.0818 179.01) 41.9%, oklch(46.95% 0.0800 195.99) 45.2%, oklch(49.02% 0.0863 214.23) 48.4%, oklch(50.87% 0.0937 232.86) 51.6%, oklch(52.41% 0.0959 251.04) 54.8%, oklch(53.52% 0.0973 267.90) 58.1%, oklch(54.09% 0.0978 282.58) 61.3%, oklch(54.01% 0.0974 294.20) 64.5%, oklch(53.15% 0.0957 301.99) 67.7%, oklch(51.25% 0.0924 306.59) 71.0%, oklch(48.41% 0.0874 308.69) 74.2%, oklch(44.87% 0.0813 308.77) 77.4%, oklch(40.85% 0.0743 307.28) 80.6%, oklch(36.58% 0.0670 304.69) 83.9%, oklch(32.28% 0.0596 301.45) 87.1%, oklch(28.18% 0.0525 298.04) 90.3%, oklch(24.50% 0.0462 294.92) 93.5%, oklch(21.46% 0.0409 292.54) 96.8%, oklch(19.29% 0.0372 291.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.173 | 0.022 | 149.8 |
| 2 | 0.394 | 0.074 | 146.6 |
| 3 | 0.535 | 0.096 | 299.8 |
| 4 | 0.193 | 0.037 | 291.4 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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