# Near-black, magenta and orange glitchy glam palette

The Near-black, magenta and orange glitchy glam palette brings together dark gray, blue, red, and orange. 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 gray, and its lightest tone is orange.

- Also called: Black, blue, pink and orange angular swatches
- Seed: `kULwzKvk--k7Vy1gPkWA`
- Page: https://grabient.com/kULwzKvk--k7Vy1gPkWA?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#12121a` | `oklch(18.50% 0.0165 284.77)` | Midnight Edition | white, 18.6 to 1 |
| 2 | `#4045d8` | `oklch(48.82% 0.2191 273.14)` | Dark Soft Violet | white, 6.8 to 1 |
| 3 | `#ef1d67` | `oklch(61.81% 0.2356 9.31)` | Mellow Melon | black, 5 to 1 |
| 4 | `#ff8f27` | `oklch(75.59% 0.1709 56.86)` | Monarch Wing | black, 9.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #12121a 0.000% 25.000%, #4045d8 25.000% 50.000%, #ef1d67 50.000% 75.000%, #ff8f27 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(18.50% 0.0165 284.77) 0.000% 25.000%, oklch(48.82% 0.2191 273.14) 25.000% 50.000%, oklch(61.81% 0.2356 9.31) 50.000% 75.000%, oklch(75.59% 0.1709 56.86) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.017 | 284.8 |
| 2 | 0.488 | 0.219 | 273.1 |
| 3 | 0.618 | 0.236 | 369.3 |
| 4 | 0.756 | 0.171 | 416.9 |

## In these collections

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

## Other forms

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