# Near-black, magenta and stone runway flash photography

The Near-black, magenta and stone runway flash photography brings together dark gray, dark magenta, purple, and light blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is dark gray, and its lightest tone is light blue.

- Also called: Monochrome black and lavender angular swatches
- Seed: `kUJgzipiDAcelPnaFr0g`
- Page: https://grabient.com/kUJgzipiDAcelPnaFr0g?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: dark to light, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#0e0910` | `oklch(14.96% 0.0165 318.52)` | Midnight Oil | white, 19.7 to 1 |
| 2 | `#28102c` | `oklch(22.40% 0.0612 322.07)` | Dark Prom Queen | white, 17.4 to 1 |
| 3 | `#502657` | `oklch(34.66% 0.0968 321.46)` | Wonka Purple | white, 12 to 1 |
| 4 | `#7d5592` | `oklch(51.60% 0.1038 313.54)` | Juneberry | white, 5.8 to 1 |
| 5 | `#947fb9` | `oklch(63.68% 0.0878 300.41)` | Lavender Purple | black, 5.9 to 1 |
| 6 | `#9e9cc7` | `oklch(70.87% 0.0620 286.81)` | Cosmo Purple | black, 8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #0e0910 0.000% 16.667%, #28102c 16.667% 33.333%, #502657 33.333% 50.000%, #7d5592 50.000% 66.667%, #947fb9 66.667% 83.333%, #9e9cc7 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(14.96% 0.0165 318.52) 0.000% 16.667%, oklch(22.40% 0.0612 322.07) 16.667% 33.333%, oklch(34.66% 0.0968 321.46) 33.333% 50.000%, oklch(51.60% 0.1038 313.54) 50.000% 66.667%, oklch(63.68% 0.0878 300.41) 66.667% 83.333%, oklch(70.87% 0.0620 286.81) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.017 | 318.5 |
| 2 | 0.299 | 0.09 | 322.7 |
| 3 | 0.563 | 0.102 | 310.1 |
| 4 | 0.709 | 0.062 | 286.8 |

## In these collections

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

## Other forms

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