# Ochre, crimson and aubergine steel pan poster

The Ochre, crimson and aubergine steel pan poster brings together gold, orange, red, magenta, and purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Tritone yellow, orange and purple angular swatches
- Seed: `kW2nZGYDq7VBBO9AQTvsbU7o`
- Page: https://grabient.com/kW2nZGYDq7VBBO9AQTvsbU7o?style=angularSwatches&steps=6&angle=0
- Drawn as: angular swatches, 6 steps, 0 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.7 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 | `#ecd138` | `oklch(85.83% 0.1626 98.44)` | Giallo | black, 13.7 to 1 |
| 2 | `#faa029` | `oklch(77.95% 0.1603 67.51)` | Radiant Yellow | black, 10.1 to 1 |
| 3 | `#ee6b41` | `oklch(68.14% 0.1723 38.14)` | Mandarin Orange | black, 6.8 to 1 |
| 4 | `#ce3c5f` | `oklch(57.90% 0.1820 10.96)` | Paper Hearts | white, 4.7 to 1 |
| 5 | `#9a2476` | `oklch(47.85% 0.1741 343.02)` | Haunted Purple | white, 7.2 to 1 |
| 6 | `#612379` | `oklch(38.98% 0.1461 314.72)` | Berry Blackmail | white, 10.3 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #ecd138 0.000% 16.667%, #faa029 16.667% 33.333%, #ee6b41 33.333% 50.000%, #ce3c5f 50.000% 66.667%, #9a2476 66.667% 83.333%, #612379 83.333% 100.000%);
background: conic-gradient(from 0deg, oklch(85.83% 0.1626 98.44) 0.000% 16.667%, oklch(77.95% 0.1603 67.51) 16.667% 33.333%, oklch(68.14% 0.1723 38.14) 33.333% 50.000%, oklch(57.90% 0.1820 10.96) 50.000% 66.667%, oklch(47.85% 0.1741 343.02) 66.667% 83.333%, oklch(38.98% 0.1461 314.72) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.163 | 98.4 |
| 2 | 0.756 | 0.161 | 59.3 |
| 3 | 0.63 | 0.179 | 24.5 |
| 4 | 0.504 | 0.179 | -9.4 |
| 5 | 0.39 | 0.146 | -45.3 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)

## Other forms

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