# Hot Magenta Amber Signal

A linear gradient runs from near-black plum through saturated magenta, crimson, red orange, and bright amber. The intense warm signal reads clearly at large scale and suits cyberpunk posters, game screens, nightlife graphics, warning accents, and interface panels that need a dark entry with a vivid hot finish.

- Also called: Tritone dark purple, pink and orange linear gradient
- Seed: `kUMCrhMrxBlBSxNmuMgA`
- Page: https://grabient.com/kUMCrhMrxBlBSxNmuMgA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#1d0924` | `oklch(18.90% 0.0579 316.41)` | Meški Black | white, 18.7 to 1 |
| 2 | `#210a29` | `oklch(20.08% 0.0642 317.08)` | Meški Black | white, 18.3 to 1 |
| 3 | `#270c2f` | `oklch(21.59% 0.0726 317.79)` | Dark Prom Queen | white, 17.8 to 1 |
| 4 | `#2d0d36` | `oklch(23.36% 0.0826 318.57)` | Dark Prom Queen | white, 17.1 to 1 |
| 5 | `#350e3e` | `oklch(25.35% 0.0938 319.46)` | Purple Door | white, 16.3 to 1 |
| 6 | `#3d0f46` | `oklch(27.51% 0.1057 320.51)` | Velvet Cosmos | white, 15.4 to 1 |
| 7 | `#47104f` | `oklch(29.78% 0.1180 321.74)` | Shani Purple | white, 14.4 to 1 |
| 8 | `#501058` | `oklch(32.12% 0.1303 323.19)` | Cosmic Explorer | white, 13.4 to 1 |
| 9 | `#5b1160` | `oklch(34.48% 0.1420 324.91)` | Purple Velour | white, 12.4 to 1 |
| 10 | `#661168` | `oklch(36.80% 0.1529 326.93)` | Purple Dreamer | white, 11.4 to 1 |
| 11 | `#70126e` | `oklch(39.04% 0.1625 329.28)` | Pure Purple | white, 10.4 to 1 |
| 12 | `#7b1273` | `oklch(41.21% 0.1709 331.97)` | Pure Purple | white, 9.6 to 1 |
| 13 | `#871377` | `oklch(43.44% 0.1794 334.93)` | Royal Purpleness | white, 8.8 to 1 |
| 14 | `#93137a` | `oklch(45.73% 0.1879 338.15)` | Haunted Purple | white, 8 to 1 |
| 15 | `#a0137c` | `oklch(48.06% 0.1961 341.62)` | Haunted Purple | white, 7.3 to 1 |
| 16 | `#ad137e` | `oklch(50.40% 0.2039 345.35)` | Fabric of Love | white, 6.6 to 1 |
| 17 | `#ba147d` | `oklch(52.74% 0.2110 349.34)` | Infectious Love | white, 6 to 1 |
| 18 | `#c7167b` | `oklch(55.06% 0.2171 353.59)` | Bramble Jam | white, 5.4 to 1 |
| 19 | `#d41a78` | `oklch(57.33% 0.2220 358.09)` | Prince Charming | white, 4.9 to 1 |
| 20 | `#e01f72` | `oklch(59.53% 0.2254 2.85)` | Watermelon Sugar | black, 4.6 to 1 |
| 21 | `#eb276b` | `oklch(61.64% 0.2272 7.87)` | Mellow Melon | black, 5 to 1 |
| 22 | `#f53162` | `oklch(63.66% 0.2270 13.19)` | Munch on Melon | black, 5.4 to 1 |
| 23 | `#fc3e56` | `oklch(65.68% 0.2241 19.37)` | Sizzling Red | black, 5.9 to 1 |
| 24 | `#ff514c` | `oklch(67.71% 0.2108 26.36)` | Red Orange Juice | black, 6.5 to 1 |
| 25 | `#ff6443` | `oklch(69.74% 0.1952 33.90)` | Sweet Pimento | black, 7.1 to 1 |
| 26 | `#ff7439` | `oklch(71.71% 0.1840 41.73)` | Crayola Orange | black, 7.8 to 1 |
| 27 | `#ff822e` | `oklch(73.61% 0.1771 49.58)` | Fluorescent Red Orange | black, 8.4 to 1 |
| 28 | `#ff8e1e` | `oklch(75.39% 0.1741 57.19)` | Laddu Orange | black, 9.1 to 1 |
| 29 | `#ff9800` | `oklch(77.03% 0.1738 64.29)` | Vitamin C | black, 9.7 to 1 |
| 30 | `#fba30e` | `oklch(78.48% 0.1671 70.66)` | Phoenix Flames | black, 10.3 to 1 |
| 31 | `#f7ac21` | `oklch(79.72% 0.1604 75.99)` | Gusto Gold | black, 10.8 to 1 |
| 32 | `#f4b32d` | `oklch(80.71% 0.1557 80.05)` | Solar Power | black, 11.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1d0924 0.0%, #210a29 3.2%, #270c2f 6.5%, #2d0d36 9.7%, #350e3e 12.9%, #3d0f46 16.1%, #47104f 19.4%, #501058 22.6%, #5b1160 25.8%, #661168 29.0%, #70126e 32.3%, #7b1273 35.5%, #871377 38.7%, #93137a 41.9%, #a0137c 45.2%, #ad137e 48.4%, #ba147d 51.6%, #c7167b 54.8%, #d41a78 58.1%, #e01f72 61.3%, #eb276b 64.5%, #f53162 67.7%, #fc3e56 71.0%, #ff514c 74.2%, #ff6443 77.4%, #ff7439 80.6%, #ff822e 83.9%, #ff8e1e 87.1%, #ff9800 90.3%, #fba30e 93.5%, #f7ac21 96.8%, #f4b32d 100.0%);
background: linear-gradient(135deg in oklch, oklch(18.90% 0.0579 316.41) 0.0%, oklch(20.08% 0.0642 317.08) 3.2%, oklch(21.59% 0.0726 317.79) 6.5%, oklch(23.36% 0.0826 318.57) 9.7%, oklch(25.35% 0.0938 319.46) 12.9%, oklch(27.51% 0.1057 320.51) 16.1%, oklch(29.78% 0.1180 321.74) 19.4%, oklch(32.12% 0.1303 323.19) 22.6%, oklch(34.48% 0.1420 324.91) 25.8%, oklch(36.80% 0.1529 326.93) 29.0%, oklch(39.04% 0.1625 329.28) 32.3%, oklch(41.21% 0.1709 331.97) 35.5%, oklch(43.44% 0.1794 334.93) 38.7%, oklch(45.73% 0.1879 338.15) 41.9%, oklch(48.06% 0.1961 341.62) 45.2%, oklch(50.40% 0.2039 345.35) 48.4%, oklch(52.74% 0.2110 349.34) 51.6%, oklch(55.06% 0.2171 353.59) 54.8%, oklch(57.33% 0.2220 358.09) 58.1%, oklch(59.53% 0.2254 2.85) 61.3%, oklch(61.64% 0.2272 7.87) 64.5%, oklch(63.66% 0.2270 13.19) 67.7%, oklch(65.68% 0.2241 19.37) 71.0%, oklch(67.71% 0.2108 26.36) 74.2%, oklch(69.74% 0.1952 33.90) 77.4%, oklch(71.71% 0.1840 41.73) 80.6%, oklch(73.61% 0.1771 49.58) 83.9%, oklch(75.39% 0.1741 57.19) 87.1%, oklch(77.03% 0.1738 64.29) 90.3%, oklch(78.48% 0.1671 70.66) 93.5%, oklch(79.72% 0.1604 75.99) 96.8%, oklch(80.71% 0.1557 80.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.058 | 316.4 |
| 2 | 0.398 | 0.165 | 330.1 |
| 3 | 0.63 | 0.227 | 371.4 |
| 4 | 0.807 | 0.156 | 440 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)

## Other forms

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