# Near-black and blue chrome palette

The Near-black and blue chrome palette brings together dark blue, blue, off-white, and light blue. The colors span a very broad lightness range, combining restrained color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Black, light blue and gray angular gradient
- Seed: `kYJBKyNZQ__sEv9bjr_c4bAaEMwG`
- Page: https://grabient.com/kYJBKyNZQ__sEv9bjr_c4bAaEMwG?style=angularGradient&steps=40&angle=210
- Drawn as: angular gradient, 40 steps, 210 degrees
- Kinds: light center, neutral, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 18.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 | `#030a13` | `oklch(14.17% 0.0248 250.31)` | Black Knight | white, 19.8 to 1 |
| 2 | `#050e19` | `oklch(16.20% 0.0277 250.32)` | Nyctophobia | white, 19.3 to 1 |
| 3 | `#081421` | `oklch(18.70% 0.0322 250.34)` | Creeping Death | white, 18.5 to 1 |
| 4 | `#0b1b2b` | `oklch(21.67% 0.0376 250.36)` | Oxford by Night | white, 17.4 to 1 |
| 5 | `#112336` | `oklch(25.09% 0.0432 250.38)` | Fog of War | white, 15.9 to 1 |
| 6 | `#182d42` | `oklch(28.96% 0.0484 250.39)` | NATO Blue | white, 14.1 to 1 |
| 7 | `#203850` | `oklch(33.27% 0.0525 250.38)` | Cool Air of Debonair | white, 12 to 1 |
| 8 | `#2b445f` | `oklch(38.02% 0.0549 250.36)` | Black Turmeric | white, 9.9 to 1 |
| 9 | `#39536e` | `oklch(43.23% 0.0549 250.30)` | Albeit | white, 7.9 to 1 |
| 10 | `#4c6580` | `oklch(49.87% 0.0519 250.21)` | Admiral Blue | white, 6 to 1 |
| 11 | `#657d95` | `oklch(57.89% 0.0464 250.09)` | Blue Suede | black, 4.9 to 1 |
| 12 | `#8296ac` | `oklch(66.61% 0.0393 249.95)` | Nordland Blue | black, 6.9 to 1 |
| 13 | `#a0b1c3` | `oklch(75.38% 0.0316 249.80)` | Blue Pot | black, 9.5 to 1 |
| 14 | `#bdcbd8` | `oklch(83.51% 0.0241 249.65)` | Melody | black, 12.6 to 1 |
| 15 | `#d6e0eb` | `oklch(90.33% 0.0178 249.49)` | Beyond the Wall | black, 15.7 to 1 |
| 16 | `#e8f0f8` | `oklch(95.17% 0.0136 249.34)` | Clear Vision | black, 18.2 to 1 |
| 17 | `#f0f7fe` | `oklch(97.36% 0.0123 249.19)` | Alice Blue | black, 19.4 to 1 |
| 18 | `#edf5fd` | `oklch(96.63% 0.0138 249.00)` | Placebo Blue | black, 19 to 1 |
| 19 | `#e1ebf5` | `oklch(93.65% 0.0173 248.76)` | Harbour Afternoon | black, 17.4 to 1 |
| 20 | `#d1ddea` | `oklch(89.21% 0.0222 248.51)` | Shattered Sky | black, 15.2 to 1 |
| 21 | `#bdcddc` | `oklch(84.09% 0.0276 248.29)` | Constellation | black, 12.9 to 1 |
| 22 | `#abbdcf` | `oklch(79.06% 0.0328 248.13)` | Rendez-Blue | black, 10.9 to 1 |
| 23 | `#9cb0c5` | `oklch(74.91% 0.0371 248.07)` | Sterling Silver | black, 9.4 to 1 |
| 24 | `#93a9be` | `oklch(72.41% 0.0396 248.13)` | Cotton Denim | black, 8.6 to 1 |
| 25 | `#93a8be` | `oklch(72.30% 0.0398 248.35)` | Paris | black, 8.5 to 1 |
| 26 | `#9aafc4` | `oklch(74.49% 0.0380 248.72)` | Sterling Silver | black, 9.3 to 1 |
| 27 | `#a8bace` | `oklch(78.22% 0.0349 249.22)` | Skyway | black, 10.6 to 1 |
| 28 | `#b8c8da` | `oklch(82.65% 0.0309 249.80)` | Beribboned | black, 12.3 to 1 |
| 29 | `#c8d6e6` | `oklch(87.01% 0.0267 250.43)` | Defenestration | black, 14.2 to 1 |
| 30 | `#d5e1ef` | `oklch(90.46% 0.0227 251.08)` | Great Blue Heron | black, 15.8 to 1 |
| 31 | `#dce7f2` | `oklch(92.22% 0.0197 251.72)` | Icicle Veil | black, 16.7 to 1 |
| 32 | `#dbe4ef` | `oklch(91.47% 0.0180 252.32)` | Iceberg | black, 16.3 to 1 |
| 33 | `#ced7e2` | `oklch(87.44% 0.0181 252.88)` | Blue Reflection | black, 14.3 to 1 |
| 34 | `#b6c0cb` | `oklch(80.35% 0.0194 253.49)` | Kinder | black, 11.3 to 1 |
| 35 | `#99a3b0` | `oklch(71.13% 0.0217 254.12)` | Robotic Gods | black, 8.2 to 1 |
| 36 | `#798391` | `oklch(60.72% 0.0245 254.74)` | Link | black, 5.4 to 1 |
| 37 | `#596473` | `oklch(50.06% 0.0275 255.34)` | Fuel Town | white, 5.9 to 1 |
| 38 | `#3d4958` | `oklch(40.09% 0.0304 255.87)` | Voltage | white, 9.1 to 1 |
| 39 | `#273343` | `oklch(31.75% 0.0329 256.32)` | Dress Blues | white, 12.7 to 1 |
| 40 | `#192535` | `oklch(25.98% 0.0344 256.65)` | Dark | white, 15.5 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #030a13 0.0%, #050e19 2.6%, #081421 5.1%, #0b1b2b 7.7%, #112336 10.3%, #182d42 12.8%, #203850 15.4%, #2b445f 17.9%, #39536e 20.5%, #4c6580 23.1%, #657d95 25.6%, #8296ac 28.2%, #a0b1c3 30.8%, #bdcbd8 33.3%, #d6e0eb 35.9%, #e8f0f8 38.5%, #f0f7fe 41.0%, #edf5fd 43.6%, #e1ebf5 46.2%, #d1ddea 48.7%, #bdcddc 51.3%, #abbdcf 53.8%, #9cb0c5 56.4%, #93a9be 59.0%, #93a8be 61.5%, #9aafc4 64.1%, #a8bace 66.7%, #b8c8da 69.2%, #c8d6e6 71.8%, #d5e1ef 74.4%, #dce7f2 76.9%, #dbe4ef 79.5%, #ced7e2 82.1%, #b6c0cb 84.6%, #99a3b0 87.2%, #798391 89.7%, #596473 92.3%, #3d4958 94.9%, #273343 97.4%, #192535 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(14.17% 0.0248 250.31) 0.0%, oklch(16.20% 0.0277 250.32) 2.6%, oklch(18.70% 0.0322 250.34) 5.1%, oklch(21.67% 0.0376 250.36) 7.7%, oklch(25.09% 0.0432 250.38) 10.3%, oklch(28.96% 0.0484 250.39) 12.8%, oklch(33.27% 0.0525 250.38) 15.4%, oklch(38.02% 0.0549 250.36) 17.9%, oklch(43.23% 0.0549 250.30) 20.5%, oklch(49.87% 0.0519 250.21) 23.1%, oklch(57.89% 0.0464 250.09) 25.6%, oklch(66.61% 0.0393 249.95) 28.2%, oklch(75.38% 0.0316 249.80) 30.8%, oklch(83.51% 0.0241 249.65) 33.3%, oklch(90.33% 0.0178 249.49) 35.9%, oklch(95.17% 0.0136 249.34) 38.5%, oklch(97.36% 0.0123 249.19) 41.0%, oklch(96.63% 0.0138 249.00) 43.6%, oklch(93.65% 0.0173 248.76) 46.2%, oklch(89.21% 0.0222 248.51) 48.7%, oklch(84.09% 0.0276 248.29) 51.3%, oklch(79.06% 0.0328 248.13) 53.8%, oklch(74.91% 0.0371 248.07) 56.4%, oklch(72.41% 0.0396 248.13) 59.0%, oklch(72.30% 0.0398 248.35) 61.5%, oklch(74.49% 0.0380 248.72) 64.1%, oklch(78.22% 0.0349 249.22) 66.7%, oklch(82.65% 0.0309 249.80) 69.2%, oklch(87.01% 0.0267 250.43) 71.8%, oklch(90.46% 0.0227 251.08) 74.4%, oklch(92.22% 0.0197 251.72) 76.9%, oklch(91.47% 0.0180 252.32) 79.5%, oklch(87.44% 0.0181 252.88) 82.1%, oklch(80.35% 0.0194 253.49) 84.6%, oklch(71.13% 0.0217 254.12) 87.2%, oklch(60.72% 0.0245 254.74) 89.7%, oklch(50.06% 0.0275 255.34) 92.3%, oklch(40.09% 0.0304 255.87) 94.9%, oklch(31.75% 0.0329 256.32) 97.4%, oklch(25.98% 0.0344 256.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.025 | 250.3 |
| 2 | 0.421 | 0.055 | 250.3 |
| 3 | 0.969 | 0.012 | 249.3 |
| 4 | 0.72 | 0.04 | 248.2 |
| 5 | 0.909 | 0.018 | 252.4 |
| 6 | 0.26 | 0.034 | 256.7 |

## In these collections

- [Chrome gradients](https://grabient.com/chrome-gradients)

## Other forms

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