# Chicago Blackhawks inspired palette

Black, red, orange, yellow, green, and deep blue form a vivid Chicago Blackhawks inspired swatch sequence drawn from the saved team mark. The high contrast bands suit sports graphics, game day social posts, and bold presentation accents that need a varied, energetic color route.

- Also called: Black, red, yellow and blue linear swatches
- Seed: `kYEQBAQ8u39u9w3yQ8Vxi5HDCwTK`
- Page: https://grabient.com/kYEQBAQ8u39u9w3yQ8Vxi5HDCwTK?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 15.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 | `#010101` | `oklch(6.69% 0.0000 89.88)` | Binary Black | white, 20.8 to 1 |
| 2 | `#c9102e` | `oklch(53.15% 0.2081 22.37)` | Super Rose Red | white, 5.8 to 1 |
| 3 | `#f5812a` | `oklch(72.05% 0.1695 51.96)` | Summer Citrus | black, 8 to 1 |
| 4 | `#fedd00` | `oklch(89.76% 0.1857 98.45)` | Super Saiyan | black, 15.5 to 1 |
| 5 | `#038855` | `oklch(55.12% 0.1268 158.69)` | Pixel Nature | black, 4.6 to 1 |
| 6 | `#223b88` | `oklch(38.19% 0.1323 266.48)` | Navy Seal | white, 10.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #010101 0.000% 16.667%, #c9102e 16.667% 33.333%, #f5812a 33.333% 50.000%, #fedd00 50.000% 66.667%, #038855 66.667% 83.333%, #223b88 83.333% 100.000%);
background: linear-gradient(90deg, oklch(6.69% 0.0000 89.88) 0.000% 16.667%, oklch(53.15% 0.2081 22.37) 16.667% 33.333%, oklch(72.05% 0.1695 51.96) 33.333% 50.000%, oklch(89.76% 0.1857 98.45) 50.000% 66.667%, oklch(55.12% 0.1268 158.69) 66.667% 83.333%, oklch(38.19% 0.1323 266.48) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.067 | 0 | 90 |
| 2 | 0.531 | 0.208 | 22.4 |
| 3 | 0.72 | 0.169 | 52 |
| 4 | 0.898 | 0.186 | 98.5 |
| 5 | 0.551 | 0.127 | 158.7 |
| 6 | 0.382 | 0.132 | 266.5 |

## In these collections

- [NHL team swatches](https://grabient.com/nhl-team-swatches)

## Other forms

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