# Columbus Blue Jackets crest colors

Three vertical bands move from deep navy through cool silver gray to crimson. The dark blue, pale gray, and strong red provide clear differences in lightness and color. This Columbus Blue Jackets-inspired palette suits hockey posters, matchup cards, and fan graphics with a crisp, bold character and distinctly separated crest colors.

- Also called: Navy, gray and red linear swatches
- Seed: `kSPTe3XQO70PL0u`
- Page: https://grabient.com/kSPTe3XQO70PL0u?style=linearSwatches&steps=3
- Drawn as: linear swatches, 3 steps, 90 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#041e42` | `oklch(24.02% 0.0758 257.34)` | Midnight Mirage | white, 16.5 to 1 |
| 2 | `#a2aaad` | `oklch(73.23% 0.0096 222.47)` | Pale Slate | black, 8.8 to 1 |
| 3 | `#c9102b` | `oklch(53.15% 0.2081 23.10)` | Super Rose Red | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #041e42 0.000% 33.333%, #a2aaad 33.333% 66.667%, #c9102b 66.667% 100.000%);
background: linear-gradient(90deg, oklch(24.02% 0.0758 257.34) 0.000% 33.333%, oklch(73.23% 0.0096 222.47) 33.333% 66.667%, oklch(53.15% 0.2081 23.10) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.076 | 257.3 |
| 2 | 0.732 | 0.01 | 222.5 |
| 3 | 0.531 | 0.208 | 383.1 |

## In these collections

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

## Other forms

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