# Sky blue, turquoise and burgundy complementary palette

The Sky blue, turquoise and burgundy complementary palette brings together pale teal, teal, orange, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is red, and its lightest tone is pale teal.

- Also called: Light blue, teal, salmon and brown angular swatches
- Seed: `kW5SCTXp9AEUfQHPrautKQ_I`
- Page: https://grabient.com/kW5SCTXp9AEUfQHPrautKQ_I?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.8 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 | `#bee7ed` | `oklch(90.16% 0.0441 206.72)` | Launderette Blue | black, 15.8 to 1 |
| 2 | `#65bbc8` | `oklch(74.41% 0.0854 207.78)` | Delusional Dragonfly | black, 9.5 to 1 |
| 3 | `#207d8c` | `oklch(54.33% 0.0854 212.00)` | Bermuda | white, 4.8 to 1 |
| 4 | `#c66b49` | `oklch(62.60% 0.1254 40.81)` | Tile Red | black, 5.6 to 1 |
| 5 | `#783424` | `oklch(41.34% 0.0992 34.47)` | Mocha Glow | white, 9.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #bee7ed 0.000% 20.000%, #65bbc8 20.000% 40.000%, #207d8c 40.000% 60.000%, #c66b49 60.000% 80.000%, #783424 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(90.16% 0.0441 206.72) 0.000% 20.000%, oklch(74.41% 0.0854 207.78) 20.000% 40.000%, oklch(54.33% 0.0854 212.00) 40.000% 60.000%, oklch(62.60% 0.1254 40.81) 60.000% 80.000%, oklch(41.34% 0.0992 34.47) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.044 | 206.7 |
| 2 | 0.744 | 0.085 | 207.8 |
| 3 | 0.543 | 0.085 | 212 |
| 4 | 0.626 | 0.125 | 40.8 |
| 5 | 0.413 | 0.099 | 34.5 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)

## Other forms

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