# Near-black and magenta cyber monday palette

The Near-black and magenta cyber monday palette brings together black, dark purple, dark magenta, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is magenta.

- Also called: Analogous black, dark purple and pink radial gradient
- Seed: `kWGhLdj4vBBWSwSiI0F017AA`
- Page: https://grabient.com/kWGhLdj4vBBWSwSiI0F017AA?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: dark to light, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#050208` | `oklch(10.24% 0.0248 311.48)` | Raven’s Coat | white, 20.5 to 1 |
| 2 | `#060209` | `oklch(10.37% 0.0253 312.24)` | Broken Tube | white, 20.5 to 1 |
| 3 | `#060209` | `oklch(10.54% 0.0258 313.24)` | Broken Tube | white, 20.5 to 1 |
| 4 | `#07020a` | `oklch(10.73% 0.0264 314.43)` | Broken Tube | white, 20.5 to 1 |
| 5 | `#07020a` | `oklch(10.96% 0.0271 315.75)` | Broken Tube | white, 20.5 to 1 |
| 6 | `#08030b` | `oklch(11.22% 0.0281 317.16)` | Broken Tube | white, 20.4 to 1 |
| 7 | `#09030b` | `oklch(11.53% 0.0292 318.59)` | Broken Tube | white, 20.4 to 1 |
| 8 | `#0a030c` | `oklch(11.90% 0.0305 319.99)` | Broken Tube | white, 20.3 to 1 |
| 9 | `#0b030d` | `oklch(12.31% 0.0321 321.32)` | Broken Tube | white, 20.3 to 1 |
| 10 | `#0d030e` | `oklch(12.75% 0.0338 322.62)` | Broken Tube | white, 20.2 to 1 |
| 11 | `#0e0410` | `oklch(13.22% 0.0356 323.92)` | Not Tonight | white, 20.1 to 1 |
| 12 | `#100411` | `oklch(13.73% 0.0376 325.24)` | Not Tonight | white, 20 to 1 |
| 13 | `#120412` | `oklch(14.29% 0.0398 326.59)` | Crow | white, 19.9 to 1 |
| 14 | `#140514` | `oklch(14.93% 0.0424 327.96)` | Crow | white, 19.8 to 1 |
| 15 | `#170516` | `oklch(15.65% 0.0454 329.37)` | Crow | white, 19.6 to 1 |
| 16 | `#1a0518` | `oklch(16.47% 0.0490 330.82)` | Crow | white, 19.4 to 1 |
| 17 | `#1d061a` | `oklch(17.36% 0.0529 332.34)` | Meški Black | white, 19.2 to 1 |
| 18 | `#20061c` | `oklch(18.08% 0.0563 334.06)` | Meški Black | white, 19 to 1 |
| 19 | `#22061d` | `oklch(18.71% 0.0595 335.91)` | Meški Black | white, 18.8 to 1 |
| 20 | `#25071e` | `oklch(19.42% 0.0631 337.80)` | Meški Black | white, 18.6 to 1 |
| 21 | `#290720` | `oklch(20.35% 0.0677 339.64)` | Globe Thistle | white, 18.3 to 1 |
| 22 | `#2f0823` | `oklch(21.66% 0.0738 341.35)` | Vienna Roast | white, 17.8 to 1 |
| 23 | `#360828` | `oklch(23.50% 0.0821 342.83)` | Vienna Roast | white, 17.1 to 1 |
| 24 | `#400a2f` | `oklch(26.02% 0.0932 344.01)` | Greek Aubergine | white, 16 to 1 |
| 25 | `#4f0c39` | `oklch(29.53% 0.1083 344.81)` | Pion Purple | white, 14.5 to 1 |
| 26 | `#631047` | `oklch(34.30% 0.1287 345.29)` | Spanish Purple | white, 12.4 to 1 |
| 27 | `#7b1459` | `oklch(39.91% 0.1526 345.52)` | French Plum | white, 10 to 1 |
| 28 | `#96186d` | `oklch(45.92% 0.1781 345.57)` | Romantic Vampire | white, 7.9 to 1 |
| 29 | `#b21c82` | `oklch(51.90% 0.2034 345.50)` | King’s Plum Pie | white, 6.2 to 1 |
| 30 | `#cc2096` | `oklch(57.43% 0.2268 345.39)` | Indian Lake | white, 4.9 to 1 |
| 31 | `#e323a7` | `oklch(62.06% 0.2464 345.30)` | Melodramatic Magenta | black, 5 to 1 |
| 32 | `#f325b3` | `oklch(65.35% 0.2604 345.30)` | Magnificent Magenta | black, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #050208 0.0%, #060209 3.2%, #060209 6.5%, #07020a 9.7%, #07020a 12.9%, #08030b 16.1%, #09030b 19.4%, #0a030c 22.6%, #0b030d 25.8%, #0d030e 29.0%, #0e0410 32.3%, #100411 35.5%, #120412 38.7%, #140514 41.9%, #170516 45.2%, #1a0518 48.4%, #1d061a 51.6%, #20061c 54.8%, #22061d 58.1%, #25071e 61.3%, #290720 64.5%, #2f0823 67.7%, #360828 71.0%, #400a2f 74.2%, #4f0c39 77.4%, #631047 80.6%, #7b1459 83.9%, #96186d 87.1%, #b21c82 90.3%, #cc2096 93.5%, #e323a7 96.8%, #f325b3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(10.24% 0.0248 311.48) 0.0%, oklch(10.37% 0.0253 312.24) 3.2%, oklch(10.54% 0.0258 313.24) 6.5%, oklch(10.73% 0.0264 314.43) 9.7%, oklch(10.96% 0.0271 315.75) 12.9%, oklch(11.22% 0.0281 317.16) 16.1%, oklch(11.53% 0.0292 318.59) 19.4%, oklch(11.90% 0.0305 319.99) 22.6%, oklch(12.31% 0.0321 321.32) 25.8%, oklch(12.75% 0.0338 322.62) 29.0%, oklch(13.22% 0.0356 323.92) 32.3%, oklch(13.73% 0.0376 325.24) 35.5%, oklch(14.29% 0.0398 326.59) 38.7%, oklch(14.93% 0.0424 327.96) 41.9%, oklch(15.65% 0.0454 329.37) 45.2%, oklch(16.47% 0.0490 330.82) 48.4%, oklch(17.36% 0.0529 332.34) 51.6%, oklch(18.08% 0.0563 334.06) 54.8%, oklch(18.71% 0.0595 335.91) 58.1%, oklch(19.42% 0.0631 337.80) 61.3%, oklch(20.35% 0.0677 339.64) 64.5%, oklch(21.66% 0.0738 341.35) 67.7%, oklch(23.50% 0.0821 342.83) 71.0%, oklch(26.02% 0.0932 344.01) 74.2%, oklch(29.53% 0.1083 344.81) 77.4%, oklch(34.30% 0.1287 345.29) 80.6%, oklch(39.91% 0.1526 345.52) 83.9%, oklch(45.92% 0.1781 345.57) 87.1%, oklch(51.90% 0.2034 345.50) 90.3%, oklch(57.43% 0.2268 345.39) 93.5%, oklch(62.06% 0.2464 345.30) 96.8%, oklch(65.35% 0.2604 345.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.102 | 0.025 | 311.5 |
| 2 | 0.122 | 0.032 | 321 |
| 3 | 0.169 | 0.051 | 331.6 |
| 4 | 0.268 | 0.096 | 344.2 |
| 5 | 0.654 | 0.26 | 345.3 |

## In these collections

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

## Other forms

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