# Near-black, mustard and plum runway flash photography

The Near-black, mustard and plum runway flash photography brings together dark gray, red, off-white, and magenta. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Black, red, white and purple angular swatches
- Seed: `kUMQfEv8NMPoA1MxHtAg`
- Page: https://grabient.com/kUMQfEv8NMPoA1MxHtAg?style=angularSwatches&steps=4&angle=45
- Drawn as: angular swatches, 4 steps, 45 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 16.3 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 | `#131419` | `oklch(19.29% 0.0096 276.33)` | Dark Void | white, 18.3 to 1 |
| 2 | `#b51c34` | `oklch(50.00% 0.1846 19.89)` | American Red | white, 6.6 to 1 |
| 3 | `#f1f2f2` | `oklch(96.06% 0.0014 196.37)` | Zappy Zebra | black, 18.7 to 1 |
| 4 | `#5e3156` | `oklch(38.58% 0.0841 333.74)` | Spanish Plum | white, 10.2 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #131419 0.000% 25.000%, #b51c34 25.000% 50.000%, #f1f2f2 50.000% 75.000%, #5e3156 75.000% 100.000%);
background: conic-gradient(from 45deg, oklch(19.29% 0.0096 276.33) 0.000% 25.000%, oklch(50.00% 0.1846 19.89) 25.000% 50.000%, oklch(96.06% 0.0014 196.37) 50.000% 75.000%, oklch(38.58% 0.0841 333.74) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.01 | 276.3 |
| 2 | 0.5 | 0.185 | 379.9 |
| 3 | 0.961 | 0.001 | 556.4 |
| 4 | 0.386 | 0.084 | 693.7 |

## In these collections

- [Runway flash photography](https://grabient.com/runway-flash-photography)

## Other forms

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