# Turquoise, lime and orange steel pan poster

The Turquoise, lime and orange steel pan poster brings together blue, teal, light green, gold, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits poster layouts and editorial spreads. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Vivid tritone blue, green and orange radial gradient
- Seed: `kYhkOkWCW6Oe0PBsuT0ZjY8Ve3vA`
- Page: https://grabient.com/kYhkOkWCW6Oe0PBsuT0ZjY8Ve3vA?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.4 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 | `#237496` | `oklch(52.76% 0.0923 230.62)` | Bateau | white, 5.2 to 1 |
| 2 | `#217b99` | `oklch(54.53% 0.0932 225.37)` | Pacific Pleasure | white, 4.8 to 1 |
| 3 | `#1f849c` | `oklch(57.02% 0.0940 217.98)` | Zircon Blue | black, 4.8 to 1 |
| 4 | `#228f9f` | `oklch(59.95% 0.0952 209.28)` | Safe Harbour | black, 5.5 to 1 |
| 5 | `#2a9ba0` | `oklch(63.07% 0.0969 200.07)` | Empress Envy | black, 6.2 to 1 |
| 6 | `#34a6a1` | `oklch(66.11% 0.0992 191.16)` | Bahaman Bliss | black, 7 to 1 |
| 7 | `#3fafa1` | `oklch(68.82% 0.1025 183.37)` | Waterfall | black, 7.8 to 1 |
| 8 | `#48b8a1` | `oklch(71.14% 0.1073 176.95)` | Jolt of Jade | black, 8.6 to 1 |
| 9 | `#4fc09f` | `oklch(73.40% 0.1136 171.09)` | New Meadow | black, 9.3 to 1 |
| 10 | `#57c89e` | `oklch(75.56% 0.1209 165.67)` | Diroset | black, 10.1 to 1 |
| 11 | `#60cf9a` | `oklch(77.57% 0.1284 160.59)` | Van Gogh Green | black, 10.9 to 1 |
| 12 | `#6ad596` | `oklch(79.39% 0.1355 155.77)` | Aurora Green | black, 11.6 to 1 |
| 13 | `#75da91` | `oklch(80.95% 0.1414 151.10)` | Aurora Green | black, 12.2 to 1 |
| 14 | `#81de8b` | `oklch(82.24% 0.1458 146.60)` | VIC 20 Green | black, 12.7 to 1 |
| 15 | `#8ce185` | `oklch(83.32% 0.1493 142.54)` | Feralas Lime | black, 13.2 to 1 |
| 16 | `#96e380` | `oklch(84.19% 0.1521 138.79)` | Snarky Mint | black, 13.5 to 1 |
| 17 | `#a0e479` | `oklch(84.84% 0.1542 135.16)` | Snarky Mint | black, 13.8 to 1 |
| 18 | `#a9e373` | `oklch(85.26% 0.1557 131.46)` | Last of Lettuce | black, 13.9 to 1 |
| 19 | `#b2e26b` | `oklch(85.44% 0.1567 127.52)` | Last of Lettuce | black, 13.9 to 1 |
| 20 | `#bbdf62` | `oklch(85.37% 0.1572 123.16)` | Queen of Gardens | black, 13.9 to 1 |
| 21 | `#c4db5a` | `oklch(85.01% 0.1565 118.50)` | June Bud | black, 13.6 to 1 |
| 22 | `#ccd652` | `oklch(84.40% 0.1549 113.65)` | Citrus Delight | black, 13.3 to 1 |
| 23 | `#d2d04a` | `oklch(83.56% 0.1529 108.64)` | Southern Platyfish | black, 12.8 to 1 |
| 24 | `#d7ca43` | `oklch(82.53% 0.1510 103.55)` | Wattle | black, 12.3 to 1 |
| 25 | `#dbc23c` | `oklch(81.35% 0.1494 98.41)` | Seed Pod | black, 11.8 to 1 |
| 26 | `#debb34` | `oklch(80.04% 0.1488 93.26)` | Bollywood | black, 11.2 to 1 |
| 27 | `#e1b12b` | `oklch(78.33% 0.1489 87.60)` | Kōwhai Yellow | black, 10.5 to 1 |
| 28 | `#e1a722` | `oklch(76.27% 0.1495 81.51)` | Dried Goldenrod | black, 9.7 to 1 |
| 29 | `#e19b1a` | `oklch(74.07% 0.1505 75.41)` | Gamboge | black, 8.9 to 1 |
| 30 | `#e09116` | `oklch(71.96% 0.1515 69.76)` | Beige Red | black, 8.2 to 1 |
| 31 | `#de8815` | `oklch(70.16% 0.1524 64.99)` | Non-Stop Orange | black, 7.6 to 1 |
| 32 | `#dd8118` | `oklch(68.90% 0.1530 61.54)` | Sports Fan | black, 7.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #237496 0.0%, #217b99 3.2%, #1f849c 6.5%, #228f9f 9.7%, #2a9ba0 12.9%, #34a6a1 16.1%, #3fafa1 19.4%, #48b8a1 22.6%, #4fc09f 25.8%, #57c89e 29.0%, #60cf9a 32.3%, #6ad596 35.5%, #75da91 38.7%, #81de8b 41.9%, #8ce185 45.2%, #96e380 48.4%, #a0e479 51.6%, #a9e373 54.8%, #b2e26b 58.1%, #bbdf62 61.3%, #c4db5a 64.5%, #ccd652 67.7%, #d2d04a 71.0%, #d7ca43 74.2%, #dbc23c 77.4%, #debb34 80.6%, #e1b12b 83.9%, #e1a722 87.1%, #e19b1a 90.3%, #e09116 93.5%, #de8815 96.8%, #dd8118 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.76% 0.0923 230.62) 0.0%, oklch(54.53% 0.0932 225.37) 3.2%, oklch(57.02% 0.0940 217.98) 6.5%, oklch(59.95% 0.0952 209.28) 9.7%, oklch(63.07% 0.0969 200.07) 12.9%, oklch(66.11% 0.0992 191.16) 16.1%, oklch(68.82% 0.1025 183.37) 19.4%, oklch(71.14% 0.1073 176.95) 22.6%, oklch(73.40% 0.1136 171.09) 25.8%, oklch(75.56% 0.1209 165.67) 29.0%, oklch(77.57% 0.1284 160.59) 32.3%, oklch(79.39% 0.1355 155.77) 35.5%, oklch(80.95% 0.1414 151.10) 38.7%, oklch(82.24% 0.1458 146.60) 41.9%, oklch(83.32% 0.1493 142.54) 45.2%, oklch(84.19% 0.1521 138.79) 48.4%, oklch(84.84% 0.1542 135.16) 51.6%, oklch(85.26% 0.1557 131.46) 54.8%, oklch(85.44% 0.1567 127.52) 58.1%, oklch(85.37% 0.1572 123.16) 61.3%, oklch(85.01% 0.1565 118.50) 64.5%, oklch(84.40% 0.1549 113.65) 67.7%, oklch(83.56% 0.1529 108.64) 71.0%, oklch(82.53% 0.1510 103.55) 74.2%, oklch(81.35% 0.1494 98.41) 77.4%, oklch(80.04% 0.1488 93.26) 80.6%, oklch(78.33% 0.1489 87.60) 83.9%, oklch(76.27% 0.1495 81.51) 87.1%, oklch(74.07% 0.1505 75.41) 90.3%, oklch(71.96% 0.1515 69.76) 93.5%, oklch(70.16% 0.1524 64.99) 96.8%, oklch(68.90% 0.1530 61.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.092 | 230.6 |
| 2 | 0.693 | 0.103 | 182 |
| 3 | 0.815 | 0.143 | 149.3 |
| 4 | 0.854 | 0.157 | 124.9 |
| 5 | 0.803 | 0.149 | 94.3 |
| 6 | 0.689 | 0.153 | 61.5 |

## In these collections

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

## Other forms

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