# Cobalt blue snow gum blue hour

The Cobalt blue snow gum blue hour brings together blue, purple, red, orange, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is green.

- Also called: Blue, purple, brown and olive radial swatches
- Seed: `kYg1yzMq5Ba0fRO2nMhRRxFdCeRm`
- Page: https://grabient.com/kYg1yzMq5Ba0fRO2nMhRRxFdCeRm?style=radialSwatches&steps=6&angle=315
- Drawn as: radial swatches, 6 steps, 315 degrees
- Hues: split-complementary
- 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 | `#266aae` | `oklch(51.57% 0.1268 251.72)` | Mid Blue | white, 5.6 to 1 |
| 2 | `#23418a` | `oklch(39.76% 0.1268 264.40)` | Blue Oblivion | white, 9.5 to 1 |
| 3 | `#472e5e` | `oklch(35.43% 0.0854 306.67)` | Deep Plum | white, 11.5 to 1 |
| 4 | `#753c3f` | `oklch(42.91% 0.0785 17.47)` | Fruitful Orchard | white, 8.4 to 1 |
| 5 | `#8f663e` | `oklch(54.33% 0.0772 63.97)` | Centaur | white, 5 to 1 |
| 6 | `#859257` | `oklch(63.39% 0.0827 118.92)` | Pretty Maiden | black, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #266aae 0.000% 16.667%, #23418a 16.667% 33.333%, #472e5e 33.333% 50.000%, #753c3f 50.000% 66.667%, #8f663e 66.667% 83.333%, #859257 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(51.57% 0.1268 251.72) 0.000% 16.667%, oklch(39.76% 0.1268 264.40) 16.667% 33.333%, oklch(35.43% 0.0854 306.67) 33.333% 50.000%, oklch(42.91% 0.0785 17.47) 50.000% 66.667%, oklch(54.33% 0.0772 63.97) 66.667% 83.333%, oklch(63.39% 0.0827 118.92) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.127 | 251.7 |
| 2 | 0.398 | 0.127 | 264.4 |
| 3 | 0.354 | 0.085 | 306.7 |
| 4 | 0.429 | 0.079 | 377.5 |
| 5 | 0.543 | 0.077 | 424 |
| 6 | 0.634 | 0.083 | 478.9 |

## In these collections

- [Snow gum blue hour](https://grabient.com/snow-gum-blue-hour)

## Other forms

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