# Wine, magenta and teal glitchy glam palette

The Wine, magenta and teal glitchy glam palette brings together magenta, red, blue, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is magenta, and its lightest tone is green.

- Also called: Vivid purple, pink, blue and green angular swatches
- Seed: `kUX1f7z0xCUTLNXeOLEg`
- Page: https://grabient.com/kUX1f7z0xCUTLNXeOLEg?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5 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 | `#6d1d45` | `oklch(37.40% 0.1199 353.67)` | Pompadour | white, 10.9 to 1 |
| 2 | `#e93a60` | `oklch(62.20% 0.2094 13.75)` | Eugenia Red | black, 5.2 to 1 |
| 3 | `#6950df` | `oklch(53.94% 0.2067 284.98)` | Majorelle Blue | white, 5.5 to 1 |
| 4 | `#2cc889` | `oklch(74.02% 0.1557 160.29)` | Retro Lime | black, 9.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #6d1d45 0.000% 25.000%, #e93a60 25.000% 50.000%, #6950df 50.000% 75.000%, #2cc889 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(37.40% 0.1199 353.67) 0.000% 25.000%, oklch(62.20% 0.2094 13.75) 25.000% 50.000%, oklch(53.94% 0.2067 284.98) 50.000% 75.000%, oklch(74.02% 0.1557 160.29) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.12 | 353.7 |
| 2 | 0.622 | 0.209 | 373.8 |
| 3 | 0.539 | 0.207 | 285 |
| 4 | 0.74 | 0.156 | 160.3 |

## In these collections

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

## Other forms

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