# Magenta cyan glitch

The Magenta cyan glitch brings together dark purple, purple, magenta, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark purple, and its lightest tone is teal.

- Also called: Black, purple, pink and light blue linear gradient
- Seed: `kUKhnZqS9BFHYxVjrC-A`
- Page: https://grabient.com/kUKhnZqS9BFHYxVjrC-A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- 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 | `#120a1a` | `oklch(16.54% 0.0344 305.86)` | Tristesse | white, 19.3 to 1 |
| 2 | `#150b1e` | `oklch(17.37% 0.0398 306.25)` | Tristesse | white, 19.1 to 1 |
| 3 | `#180c22` | `oklch(18.35% 0.0466 306.56)` | Shot in the Dark | white, 18.8 to 1 |
| 4 | `#1b0d28` | `oklch(19.47% 0.0545 306.85)` | Midnight Monarch | white, 18.5 to 1 |
| 5 | `#1f0e2e` | `oklch(20.75% 0.0635 307.20)` | Midnight Monarch | white, 18 to 1 |
| 6 | `#240f35` | `oklch(22.17% 0.0732 307.68)` | Blacklist | white, 17.5 to 1 |
| 7 | `#2a103c` | `oklch(23.73% 0.0834 308.36)` | Oily Purple | white, 17 to 1 |
| 8 | `#301144` | `oklch(25.45% 0.0941 309.31)` | Purple Door | white, 16.3 to 1 |
| 9 | `#37124c` | `oklch(27.32% 0.1049 310.60)` | Russian Violet | white, 15.5 to 1 |
| 10 | `#3f1354` | `oklch(29.35% 0.1156 312.32)` | Plunged Into Darkness | white, 14.6 to 1 |
| 11 | `#48145c` | `oklch(31.52% 0.1261 314.52)` | Obsidian Shell | white, 13.6 to 1 |
| 12 | `#531664` | `oklch(33.92% 0.1368 317.65)` | Velvet Vortex | white, 12.6 to 1 |
| 13 | `#61166b` | `oklch(36.70% 0.1495 322.67)` | New Riders of the Purple Sage | white, 11.4 to 1 |
| 14 | `#731471` | `oklch(39.80% 0.1635 329.09)` | Pure Purple | white, 10.1 to 1 |
| 15 | `#861174` | `oklch(43.13% 0.1783 336.31)` | Royal Purpleness | white, 8.9 to 1 |
| 16 | `#9c0b74` | `oklch(46.58% 0.1931 343.73)` | Haunted Purple | white, 7.7 to 1 |
| 17 | `#b10272` | `oklch(50.07% 0.2073 350.77)` | Botticelli | white, 6.7 to 1 |
| 18 | `#c5006f` | `oklch(53.52% 0.2186 356.82)` | Purple Anxiety | white, 5.8 to 1 |
| 19 | `#d7006e` | `oklch(56.81% 0.2297 1.27)` | Tête-à-Tête | white, 5.1 to 1 |
| 20 | `#e60871` | `oklch(59.86% 0.2387 3.52)` | Red Purple | black, 4.6 to 1 |
| 21 | `#f2197a` | `oklch(62.58% 0.2432 3.00)` | Furious Fuchsia | black, 5.1 to 1 |
| 22 | `#f82a8b` | `oklch(64.91% 0.2435 359.05)` | Philippine Pink | black, 5.6 to 1 |
| 23 | `#f83ca7` | `oklch(66.97% 0.2388 350.94)` | Major Magenta | black, 6.1 to 1 |
| 24 | `#f051c8` | `oklch(68.85% 0.2298 339.26)` | Kinky Pinky | black, 6.7 to 1 |
| 25 | `#e066e9` | `oklch(70.56% 0.2176 324.88)` | Clematis Magenta | black, 7.2 to 1 |
| 26 | `#c77eff` | `oklch(72.09% 0.1924 308.69)` | Rosy Fluffy Bedspread | black, 7.8 to 1 |
| 27 | `#ab96ff` | `oklch(73.47% 0.1495 291.55)` | Cobalite | black, 8.5 to 1 |
| 28 | `#94a6ff` | `oklch(74.70% 0.1303 274.34)` | Widowmaker | black, 9.1 to 1 |
| 29 | `#7eb2ff` | `oklch(75.80% 0.1248 257.94)` | French Sky Blue | black, 9.6 to 1 |
| 30 | `#63bcff` | `oklch(76.76% 0.1291 243.23)` | Hello Summer | black, 10.1 to 1 |
| 31 | `#4dc4f9` | `oklch(77.61% 0.1293 231.09)` | Shovel Knight | black, 10.6 to 1 |
| 32 | `#4cc9f0` | `oklch(78.35% 0.1213 222.38)` | Thor’s Thunder | black, 10.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #120a1a 0.0%, #150b1e 3.2%, #180c22 6.5%, #1b0d28 9.7%, #1f0e2e 12.9%, #240f35 16.1%, #2a103c 19.4%, #301144 22.6%, #37124c 25.8%, #3f1354 29.0%, #48145c 32.3%, #531664 35.5%, #61166b 38.7%, #731471 41.9%, #861174 45.2%, #9c0b74 48.4%, #b10272 51.6%, #c5006f 54.8%, #d7006e 58.1%, #e60871 61.3%, #f2197a 64.5%, #f82a8b 67.7%, #f83ca7 71.0%, #f051c8 74.2%, #e066e9 77.4%, #c77eff 80.6%, #ab96ff 83.9%, #94a6ff 87.1%, #7eb2ff 90.3%, #63bcff 93.5%, #4dc4f9 96.8%, #4cc9f0 100.0%);
background: linear-gradient(45deg in oklch, oklch(16.54% 0.0344 305.86) 0.0%, oklch(17.37% 0.0398 306.25) 3.2%, oklch(18.35% 0.0466 306.56) 6.5%, oklch(19.47% 0.0545 306.85) 9.7%, oklch(20.75% 0.0635 307.20) 12.9%, oklch(22.17% 0.0732 307.68) 16.1%, oklch(23.73% 0.0834 308.36) 19.4%, oklch(25.45% 0.0941 309.31) 22.6%, oklch(27.32% 0.1049 310.60) 25.8%, oklch(29.35% 0.1156 312.32) 29.0%, oklch(31.52% 0.1261 314.52) 32.3%, oklch(33.92% 0.1368 317.65) 35.5%, oklch(36.70% 0.1495 322.67) 38.7%, oklch(39.80% 0.1635 329.09) 41.9%, oklch(43.13% 0.1783 336.31) 45.2%, oklch(46.58% 0.1931 343.73) 48.4%, oklch(50.07% 0.2073 350.77) 51.6%, oklch(53.52% 0.2186 356.82) 54.8%, oklch(56.81% 0.2297 1.27) 58.1%, oklch(59.86% 0.2387 3.52) 61.3%, oklch(62.58% 0.2432 3.00) 64.5%, oklch(64.91% 0.2435 359.05) 67.7%, oklch(66.97% 0.2388 350.94) 71.0%, oklch(68.85% 0.2298 339.26) 74.2%, oklch(70.56% 0.2176 324.88) 77.4%, oklch(72.09% 0.1924 308.69) 80.6%, oklch(73.47% 0.1495 291.55) 83.9%, oklch(74.70% 0.1303 274.34) 87.1%, oklch(75.80% 0.1248 257.94) 90.3%, oklch(76.76% 0.1291 243.23) 93.5%, oklch(77.61% 0.1293 231.09) 96.8%, oklch(78.35% 0.1213 222.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.165 | 0.034 | 305.9 |
| 2 | 0.323 | 0.13 | 315.4 |
| 3 | 0.642 | 0.244 | 360.8 |
| 4 | 0.783 | 0.121 | 222.4 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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