# Near-black, deep teal and lime cyber monday

The Near-black, deep teal and lime cyber monday brings together dark blue, teal, and green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is green.

- Also called: Black, teal and lime green linear gradient
- Seed: `kUJCGuMbo7NRIuzsSLsg`
- Page: https://grabient.com/kUJCGuMbo7NRIuzsSLsg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 13.1 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 | `#000a18` | `oklch(14.22% 0.0364 245.78)` | Melanophobia | white, 19.8 to 1 |
| 2 | `#000e1b` | `oklch(15.62% 0.0379 243.22)` | Kuretake Black Manga | white, 19.4 to 1 |
| 3 | `#001220` | `oklch(17.41% 0.0399 240.05)` | Kuretake Black Manga | white, 18.9 to 1 |
| 4 | `#001725` | `oklch(19.51% 0.0422 236.39)` | Creeping Death | white, 18.2 to 1 |
| 5 | `#001d2b` | `oklch(21.88% 0.0448 232.35)` | Oxford by Night | white, 17.2 to 1 |
| 6 | `#002432` | `oklch(24.45% 0.0477 228.04)` | Midnight Dreams | white, 16.1 to 1 |
| 7 | `#002c39` | `oklch(27.15% 0.0508 223.55)` | Black Chasm | white, 14.8 to 1 |
| 8 | `#003440` | `oklch(29.94% 0.0541 218.99)` | Nordic Noir | white, 13.4 to 1 |
| 9 | `#003c47` | `oklch(32.73% 0.0577 214.45)` | Ghostlands Coal | white, 12.1 to 1 |
| 10 | `#00444d` | `oklch(35.49% 0.0614 210.04)` | Incubi Darkness | white, 10.8 to 1 |
| 11 | `#004c54` | `oklch(38.13% 0.0652 205.87)` | Watercolour Blue | white, 9.6 to 1 |
| 12 | `#005459` | `oklch(40.68% 0.0692 201.95)` | Deep Teal | white, 8.6 to 1 |
| 13 | `#005d5f` | `oklch(43.32% 0.0737 198.06)` | Sandhill Crane | white, 7.7 to 1 |
| 14 | `#006665` | `oklch(46.03% 0.0786 194.17)` | Barbados Bay | white, 6.8 to 1 |
| 15 | `#006f6b` | `oklch(48.78% 0.0842 190.28)` | Pine Scented Lagoon | white, 6 to 1 |
| 16 | `#007870` | `oklch(51.55% 0.0903 186.39)` | Mermaid Harbour | white, 5.3 to 1 |
| 17 | `#008274` | `oklch(54.31% 0.0970 182.50)` | Green Garlands | white, 4.7 to 1 |
| 18 | `#008b78` | `oklch(57.02% 0.1045 178.62)` | Emerald Enchantment | black, 4.9 to 1 |
| 19 | `#00957b` | `oklch(59.66% 0.1128 174.73)` | Pool Table | black, 5.5 to 1 |
| 20 | `#009e7d` | `oklch(62.21% 0.1220 170.84)` | Tropical Kelp | black, 6.1 to 1 |
| 21 | `#00a77d` | `oklch(64.62% 0.1325 166.96)` | Active Green | black, 6.8 to 1 |
| 22 | `#00b07b` | `oklch(66.89% 0.1445 163.05)` | Salsify Grass | black, 7.4 to 1 |
| 23 | `#00b876` | `oklch(69.12% 0.1592 158.90)` | Fennel Fiesta | black, 8.1 to 1 |
| 24 | `#00c26e` | `oklch(71.34% 0.1781 154.51)` | Algal Fuel | black, 8.8 to 1 |
| 25 | `#00cb5e` | `oklch(73.52% 0.2025 150.00)` | Battletoad | black, 9.6 to 1 |
| 26 | `#42d057` | `oklch(75.62% 0.2026 145.48)` | Brazilianite | black, 10.3 to 1 |
| 27 | `#61d44f` | `oklch(77.61% 0.2022 141.06)` | Koopa Green Shell | black, 11 to 1 |
| 28 | `#78d847` | `oklch(79.48% 0.2016 136.84)` | Fresh Green | black, 11.7 to 1 |
| 29 | `#8cdb3f` | `oklch(81.18% 0.2010 132.94)` | Effervescent Lime | black, 12.3 to 1 |
| 30 | `#9cde38` | `oklch(82.70% 0.2004 129.46)` | Poisonous Potion | black, 12.9 to 1 |
| 31 | `#a9e132` | `oklch(83.99% 0.2000 126.52)` | Dynamic Green | black, 13.4 to 1 |
| 32 | `#b3e22c` | `oklch(85.04% 0.1998 124.22)` | Jazzercise | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #000a18 0.0%, #000e1b 3.2%, #001220 6.5%, #001725 9.7%, #001d2b 12.9%, #002432 16.1%, #002c39 19.4%, #003440 22.6%, #003c47 25.8%, #00444d 29.0%, #004c54 32.3%, #005459 35.5%, #005d5f 38.7%, #006665 41.9%, #006f6b 45.2%, #007870 48.4%, #008274 51.6%, #008b78 54.8%, #00957b 58.1%, #009e7d 61.3%, #00a77d 64.5%, #00b07b 67.7%, #00b876 71.0%, #00c26e 74.2%, #00cb5e 77.4%, #42d057 80.6%, #61d44f 83.9%, #78d847 87.1%, #8cdb3f 90.3%, #9cde38 93.5%, #a9e132 96.8%, #b3e22c 100.0%);
background: linear-gradient(90deg in oklch, oklch(14.22% 0.0364 245.78) 0.0%, oklch(15.62% 0.0379 243.22) 3.2%, oklch(17.41% 0.0399 240.05) 6.5%, oklch(19.51% 0.0422 236.39) 9.7%, oklch(21.88% 0.0448 232.35) 12.9%, oklch(24.45% 0.0477 228.04) 16.1%, oklch(27.15% 0.0508 223.55) 19.4%, oklch(29.94% 0.0541 218.99) 22.6%, oklch(32.73% 0.0577 214.45) 25.8%, oklch(35.49% 0.0614 210.04) 29.0%, oklch(38.13% 0.0652 205.87) 32.3%, oklch(40.68% 0.0692 201.95) 35.5%, oklch(43.32% 0.0737 198.06) 38.7%, oklch(46.03% 0.0786 194.17) 41.9%, oklch(48.78% 0.0842 190.28) 45.2%, oklch(51.55% 0.0903 186.39) 48.4%, oklch(54.31% 0.0970 182.50) 51.6%, oklch(57.02% 0.1045 178.62) 54.8%, oklch(59.66% 0.1128 174.73) 58.1%, oklch(62.21% 0.1220 170.84) 61.3%, oklch(64.62% 0.1325 166.96) 64.5%, oklch(66.89% 0.1445 163.05) 67.7%, oklch(69.12% 0.1592 158.90) 71.0%, oklch(71.34% 0.1781 154.51) 74.2%, oklch(73.52% 0.2025 150.00) 77.4%, oklch(75.62% 0.2026 145.48) 80.6%, oklch(77.61% 0.2022 141.06) 83.9%, oklch(79.48% 0.2016 136.84) 87.1%, oklch(81.18% 0.2010 132.94) 90.3%, oklch(82.70% 0.2004 129.46) 93.5%, oklch(83.99% 0.2000 126.52) 96.8%, oklch(85.04% 0.1998 124.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.045 | 244.7 |
| 2 | 0.39 | 0.16 | 204.5 |
| 3 | 0.661 | 0.2 | 164.4 |
| 4 | 0.85 | 0.2 | 124.2 |

## In these collections

- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)

## Other forms

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