# Plum, ochre and turquoise steel pan poster

The Plum, ochre and turquoise steel pan poster brings together magenta, red, gold, teal, and blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Rainbow from purple to blue angular swatches
- Seed: `kWaVzy0cVGmm6xversnTLVHo`
- Page: https://grabient.com/kWaVzy0cVGmm6xversnTLVHo?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: light center, vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 5.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 | `#76295f` | `oklch(41.34% 0.1268 341.02)` | Byzantium | white, 9.3 to 1 |
| 2 | `#e85628` | `oklch(64.17% 0.1902 37.02)` | Scorpio Scarlet Seal | black, 5.7 to 1 |
| 3 | `#e7c62b` | `oklch(83.07% 0.1612 96.20)` | Thai Temple | black, 12.5 to 1 |
| 4 | `#27c6af` | `oklch(74.41% 0.1281 179.68)` | Amazonite | black, 9.7 to 1 |
| 5 | `#1587d2` | `oklch(60.24% 0.1461 245.20)` | Calgar Blue | black, 5.4 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #76295f 0.000% 20.000%, #e85628 20.000% 40.000%, #e7c62b 40.000% 60.000%, #27c6af 60.000% 80.000%, #1587d2 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(41.34% 0.1268 341.02) 0.000% 20.000%, oklch(64.17% 0.1902 37.02) 20.000% 40.000%, oklch(83.07% 0.1612 96.20) 40.000% 60.000%, oklch(74.41% 0.1281 179.68) 60.000% 80.000%, oklch(60.24% 0.1461 245.20) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.127 | 341 |
| 2 | 0.642 | 0.19 | 397 |
| 3 | 0.831 | 0.161 | 456.2 |
| 4 | 0.744 | 0.128 | 539.7 |
| 5 | 0.602 | 0.146 | 605.2 |

## In these collections

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

## Other forms

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