# Turquoise and dusty blue hydrangea ribbon boutonniere

The Turquoise and dusty blue hydrangea ribbon boutonniere brings together blue, light teal, light orange, red, and magenta. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light teal.

- Also called: Blue, tan, salmon and purple linear swatches
- Seed: `kYqj-nYJO510SMzQqLoRKI7sgYtk`
- Page: https://grabient.com/kYqj-nYJO510SMzQqLoRKI7sgYtk?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.5 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 | `#5c9ec3` | `oklch(66.93% 0.0868 234.84)` | Gulf Stream Blue | black, 7.1 to 1 |
| 2 | `#8bbdb4` | `oklch(75.98% 0.0537 183.06)` | Morning Green | black, 10 to 1 |
| 3 | `#bba586` | `oklch(73.23% 0.0496 75.27)` | Gobi Tan | black, 8.8 to 1 |
| 4 | `#c56e67` | `oklch(63.39% 0.1116 25.61)` | Contessa | black, 5.7 to 1 |
| 5 | `#975776` | `oklch(53.94% 0.0937 349.68)` | Pink Tulip | white, 5.3 to 1 |
| 6 | `#66759f` | `oklch(56.69% 0.0675 268.31)` | Costume Blue | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5c9ec3 0.000% 16.667%, #8bbdb4 16.667% 33.333%, #bba586 33.333% 50.000%, #c56e67 50.000% 66.667%, #975776 66.667% 83.333%, #66759f 83.333% 100.000%);
background: linear-gradient(90deg, oklch(66.93% 0.0868 234.84) 0.000% 16.667%, oklch(75.98% 0.0537 183.06) 16.667% 33.333%, oklch(73.23% 0.0496 75.27) 33.333% 50.000%, oklch(63.39% 0.1116 25.61) 50.000% 66.667%, oklch(53.94% 0.0937 349.68) 66.667% 83.333%, oklch(56.69% 0.0675 268.31) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.087 | 234.8 |
| 2 | 0.76 | 0.054 | 183.1 |
| 3 | 0.732 | 0.05 | 75.3 |
| 4 | 0.634 | 0.112 | 25.6 |
| 5 | 0.539 | 0.094 | -10.3 |
| 6 | 0.567 | 0.068 | -91.7 |

## In these collections

- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)

## Other forms

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