# Near-black and blue color palette

The Near-black and blue color palette brings together black, dark blue, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is black, and its lightest tone is blue.

- Also called: Monochrome black to blue radial gradient
- Seed: `kWGxC7mJO_ygoP8-wL_Ub4_Y`
- Page: https://grabient.com/kWGxC7mJO_ygoP8-wL_Ub4_Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, dark, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 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 | `#02040b` | `oklch(10.63% 0.0220 263.67)` | Eight Ball | white, 20.5 to 1 |
| 2 | `#02050d` | `oklch(11.30% 0.0244 263.59)` | Eight Ball | white, 20.4 to 1 |
| 3 | `#020610` | `oklch(12.16% 0.0274 263.47)` | Eight Ball | white, 20.2 to 1 |
| 4 | `#030714` | `oklch(13.19% 0.0309 263.34)` | Narwhal Grey | white, 20 to 1 |
| 5 | `#040918` | `oklch(14.35% 0.0349 263.19)` | Melanophobia | white, 19.8 to 1 |
| 6 | `#040c1d` | `oklch(15.60% 0.0394 263.03)` | Tristesse | white, 19.5 to 1 |
| 7 | `#050e22` | `oklch(16.92% 0.0443 262.87)` | Void | white, 19.1 to 1 |
| 8 | `#061128` | `oklch(18.28% 0.0496 262.72)` | Void | white, 18.7 to 1 |
| 9 | `#07142e` | `oklch(19.63% 0.0552 262.58)` | Squid’s Ink | white, 18.3 to 1 |
| 10 | `#081734` | `oklch(21.00% 0.0613 262.44)` | Liberty Blue | white, 17.8 to 1 |
| 11 | `#091a3b` | `oklch(22.41% 0.0680 262.31)` | Maastricht Blue | white, 17.2 to 1 |
| 12 | `#0a1d42` | `oklch(23.88% 0.0751 262.17)` | Midnight Mirage | white, 16.6 to 1 |
| 13 | `#0b204a` | `oklch(25.41% 0.0826 262.04)` | Oxford Blue | white, 15.9 to 1 |
| 14 | `#0b2352` | `oklch(27.03% 0.0903 261.90)` | Downriver | white, 15.2 to 1 |
| 15 | `#0c275a` | `oklch(28.73% 0.0982 261.76)` | Fibonacci Blue | white, 14.4 to 1 |
| 16 | `#0d2b64` | `oklch(30.55% 0.1062 261.63)` | Blue Leviathan | white, 13.5 to 1 |
| 17 | `#0f2f6d` | `oklch(32.49% 0.1144 261.50)` | Konjō Blue | white, 12.6 to 1 |
| 18 | `#103478` | `oklch(34.62% 0.1237 261.40)` | Twilight Express | white, 11.7 to 1 |
| 19 | `#113a85` | `oklch(36.90% 0.1338 261.33)` | Mystery Oceans | white, 10.7 to 1 |
| 20 | `#123f91` | `oklch(39.28% 0.1441 261.26)` | Mystery Oceans | white, 9.7 to 1 |
| 21 | `#14459e` | `oklch(41.70% 0.1541 261.17)` | Space Explorer | white, 8.8 to 1 |
| 22 | `#164bab` | `oklch(44.11% 0.1633 261.04)` | The Blues Brothers | white, 7.9 to 1 |
| 23 | `#1852b7` | `oklch(46.45% 0.1710 260.85)` | Sapphire | white, 7.2 to 1 |
| 24 | `#1a58c1` | `oklch(48.68% 0.1767 260.58)` | Cerulean Blue | white, 6.5 to 1 |
| 25 | `#1d5eca` | `oklch(50.83% 0.1800 260.20)` | Bnei Brak Bay | white, 5.9 to 1 |
| 26 | `#2166d2` | `oklch(53.07% 0.1811 259.68)` | Janitor | white, 5.4 to 1 |
| 27 | `#266dd9` | `oklch(55.33% 0.1805 259.06)` | Enchanting Sapphire | white, 4.9 to 1 |
| 28 | `#2b75e0` | `oklch(57.53% 0.1788 258.41)` | Skies of Cyberspace | black, 4.7 to 1 |
| 29 | `#307ce5` | `oklch(59.60% 0.1764 257.75)` | Skies of Cyberspace | black, 5.1 to 1 |
| 30 | `#3682ea` | `oklch(61.44% 0.1740 257.14)` | Seljuk Blue | black, 5.5 to 1 |
| 31 | `#3a88ee` | `oklch(62.99% 0.1720 256.64)` | Seljuk Blue | black, 5.9 to 1 |
| 32 | `#3d8cf2` | `oklch(64.17% 0.1709 256.27)` | Seljuk Blue | black, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #02040b 0.0%, #02050d 3.2%, #020610 6.5%, #030714 9.7%, #040918 12.9%, #040c1d 16.1%, #050e22 19.4%, #061128 22.6%, #07142e 25.8%, #081734 29.0%, #091a3b 32.3%, #0a1d42 35.5%, #0b204a 38.7%, #0b2352 41.9%, #0c275a 45.2%, #0d2b64 48.4%, #0f2f6d 51.6%, #103478 54.8%, #113a85 58.1%, #123f91 61.3%, #14459e 64.5%, #164bab 67.7%, #1852b7 71.0%, #1a58c1 74.2%, #1d5eca 77.4%, #2166d2 80.6%, #266dd9 83.9%, #2b75e0 87.1%, #307ce5 90.3%, #3682ea 93.5%, #3a88ee 96.8%, #3d8cf2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(10.63% 0.0220 263.67) 0.0%, oklch(11.30% 0.0244 263.59) 3.2%, oklch(12.16% 0.0274 263.47) 6.5%, oklch(13.19% 0.0309 263.34) 9.7%, oklch(14.35% 0.0349 263.19) 12.9%, oklch(15.60% 0.0394 263.03) 16.1%, oklch(16.92% 0.0443 262.87) 19.4%, oklch(18.28% 0.0496 262.72) 22.6%, oklch(19.63% 0.0552 262.58) 25.8%, oklch(21.00% 0.0613 262.44) 29.0%, oklch(22.41% 0.0680 262.31) 32.3%, oklch(23.88% 0.0751 262.17) 35.5%, oklch(25.41% 0.0826 262.04) 38.7%, oklch(27.03% 0.0903 261.90) 41.9%, oklch(28.73% 0.0982 261.76) 45.2%, oklch(30.55% 0.1062 261.63) 48.4%, oklch(32.49% 0.1144 261.50) 51.6%, oklch(34.62% 0.1237 261.40) 54.8%, oklch(36.90% 0.1338 261.33) 58.1%, oklch(39.28% 0.1441 261.26) 61.3%, oklch(41.70% 0.1541 261.17) 64.5%, oklch(44.11% 0.1633 261.04) 67.7%, oklch(46.45% 0.1710 260.85) 71.0%, oklch(48.68% 0.1767 260.58) 74.2%, oklch(50.83% 0.1800 260.20) 77.4%, oklch(53.07% 0.1811 259.68) 80.6%, oklch(55.33% 0.1805 259.06) 83.9%, oklch(57.53% 0.1788 258.41) 87.1%, oklch(59.60% 0.1764 257.75) 90.3%, oklch(61.44% 0.1740 257.14) 93.5%, oklch(62.99% 0.1720 256.64) 96.8%, oklch(64.17% 0.1709 256.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.106 | 0.022 | 263.7 |
| 2 | 0.193 | 0.054 | 262.6 |
| 3 | 0.315 | 0.11 | 261.6 |
| 4 | 0.492 | 0.178 | 260.5 |
| 5 | 0.642 | 0.171 | 256.3 |

## In these collections

- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)
- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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