# Navy and turquoise snow gum blue hour

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

- Also called: Blue and gray radial swatches
- Seed: `kYYzK9t4_KU8WRbih0SZY3QdaiQi`
- Page: https://grabient.com/kYYzK9t4_KU8WRbih0SZY3QdaiQi?style=radialSwatches&steps=6&angle=225
- Drawn as: radial swatches, 6 steps, 225 degrees
- Kinds: light center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#34436a` | `oklch(38.98% 0.0689 266.48)` | Forlorn Cruise | white, 9.6 to 1 |
| 2 | `#654853` | `oklch(43.70% 0.0427 354.19)` | Gǔ Tóng Hēi Copper | white, 8 to 1 |
| 3 | `#a77b6a` | `oklch(62.20% 0.0606 42.81)` | Tawny Birch | black, 5.6 to 1 |
| 4 | `#bcb5a8` | `oklch(77.56% 0.0193 81.91)` | Amazing Grey | black, 10.3 to 1 |
| 5 | `#a4c3cf` | `oklch(79.92% 0.0372 221.40)` | Memorybook Blue | black, 11.3 to 1 |
| 6 | `#60a0cd` | `oklch(68.11% 0.0937 240.42)` | Picton Blue | black, 7.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #34436a 0.000% 16.667%, #654853 16.667% 33.333%, #a77b6a 33.333% 50.000%, #bcb5a8 50.000% 66.667%, #a4c3cf 66.667% 83.333%, #60a0cd 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(38.98% 0.0689 266.48) 0.000% 16.667%, oklch(43.70% 0.0427 354.19) 16.667% 33.333%, oklch(62.20% 0.0606 42.81) 33.333% 50.000%, oklch(77.56% 0.0193 81.91) 50.000% 66.667%, oklch(79.92% 0.0372 221.40) 66.667% 83.333%, oklch(68.11% 0.0937 240.42) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.069 | 266.5 |
| 2 | 0.437 | 0.043 | 354.2 |
| 3 | 0.622 | 0.061 | 402.8 |
| 4 | 0.776 | 0.019 | 441.9 |
| 5 | 0.799 | 0.037 | 581.4 |
| 6 | 0.681 | 0.094 | 600.4 |

## In these collections

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

## Other forms

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