# Red teal gold energy bands

The Red teal gold energy bands brings together red, teal, gold, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Vivid red, teal, yellow and purple linear swatches
- Seed: `kUpKEOzaXTuy7NAporQA`
- Page: https://grabient.com/kUpKEOzaXTuy7NAporQA?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.2 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 | `#f73b51` | `oklch(64.57% 0.2219 20.39)` | Red Salsa | black, 5.7 to 1 |
| 2 | `#12978e` | `oklch(61.02% 0.1033 187.36)` | Green Dynasty | black, 5.8 to 1 |
| 3 | `#fdc732` | `oklch(85.43% 0.1626 86.97)` | Banana Boat | black, 13.3 to 1 |
| 4 | `#551c3e` | `oklch(32.68% 0.0951 346.57)` | Tulip Poplar Purple | white, 12.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f73b51 0.000% 25.000%, #12978e 25.000% 50.000%, #fdc732 50.000% 75.000%, #551c3e 75.000% 100.000%);
background: linear-gradient(180deg, oklch(64.57% 0.2219 20.39) 0.000% 25.000%, oklch(61.02% 0.1033 187.36) 25.000% 50.000%, oklch(85.43% 0.1626 86.97) 50.000% 75.000%, oklch(32.68% 0.0951 346.57) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.222 | 20.4 |
| 2 | 0.61 | 0.103 | 187.4 |
| 3 | 0.854 | 0.163 | 87 |
| 4 | 0.327 | 0.095 | -13.4 |

## In these collections

- [Energetic swatches](https://grabient.com/energetic-swatches)

## Other forms

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