# Muted lavender aqua fan

Tritone purple, light blue and teal angular swatches with 13 colors: #7d7799, #7d7fa5, #7b8cb4, #7899c0, #77a4cb, #76aed6, #74b7dc, #71bedb, #72c4d5, #73c7ce, #71c9c3, #72c9b4, #76c8a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone purple, light blue and teal angular swatches
- Seed: `kWlSbRVZk7F8fvbjHjw4iI7w`
- Page: https://grabient.com/kWlSbRVZk7F8fvbjHjw4iI7w?style=angularSwatches&steps=13&angle=225
- Drawn as: angular swatches, 13 steps, 225 degrees
- Kinds: pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#7d7799` | `oklch(58.66% 0.0524 293.91)` | Grape Jam | black, 4.9 to 1 |
| 2 | `#7d7fa5` | `oklch(60.95% 0.0566 282.40)` | Roseine Plum | black, 5.4 to 1 |
| 3 | `#7b8cb4` | `oklch(64.20% 0.0627 266.31)` | Galactic Gossamer | black, 6.2 to 1 |
| 4 | `#7899c0` | `oklch(67.32% 0.0689 252.69)` | Blue Beauty | black, 7.1 to 1 |
| 5 | `#77a4cb` | `oklch(70.06% 0.0756 245.18)` | Shipmate | black, 7.9 to 1 |
| 6 | `#76aed6` | `oklch(72.67% 0.0824 240.13)` | Blue Eyes | black, 8.7 to 1 |
| 7 | `#74b7dc` | `oklch(74.80% 0.0868 233.67)` | Tranquil Bay | black, 9.5 to 1 |
| 8 | `#71bedb` | `oklch(76.32% 0.0865 224.16)` | Bluebrite | black, 10.1 to 1 |
| 9 | `#72c4d5` | `oklch(77.35% 0.0837 213.24)` | Thredbo | black, 10.5 to 1 |
| 10 | `#73c7ce` | `oklch(77.95% 0.0827 201.97)` | Salt Lake | black, 10.8 to 1 |
| 11 | `#71c9c3` | `oklch(77.95% 0.0856 189.29)` | Turkish Teal | black, 10.8 to 1 |
| 12 | `#72c9b4` | `oklch(77.52% 0.0903 176.25)` | Shockwave | black, 10.7 to 1 |
| 13 | `#76c8a8` | `oklch(77.17% 0.0937 167.10)` | Minted Elegance | black, 10.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #7d7799 0.000% 7.692%, #7d7fa5 7.692% 15.385%, #7b8cb4 15.385% 23.077%, #7899c0 23.077% 30.769%, #77a4cb 30.769% 38.462%, #76aed6 38.462% 46.154%, #74b7dc 46.154% 53.846%, #71bedb 53.846% 61.538%, #72c4d5 61.538% 69.231%, #73c7ce 69.231% 76.923%, #71c9c3 76.923% 84.615%, #72c9b4 84.615% 92.308%, #76c8a8 92.308% 100.000%);
background: conic-gradient(from 225deg, oklch(58.66% 0.0524 293.91) 0.000% 7.692%, oklch(60.95% 0.0566 282.40) 7.692% 15.385%, oklch(64.20% 0.0627 266.31) 15.385% 23.077%, oklch(67.32% 0.0689 252.69) 23.077% 30.769%, oklch(70.06% 0.0756 245.18) 30.769% 38.462%, oklch(72.67% 0.0824 240.13) 38.462% 46.154%, oklch(74.80% 0.0868 233.67) 46.154% 53.846%, oklch(76.32% 0.0865 224.16) 53.846% 61.538%, oklch(77.35% 0.0837 213.24) 61.538% 69.231%, oklch(77.95% 0.0827 201.97) 69.231% 76.923%, oklch(77.95% 0.0856 189.29) 76.923% 84.615%, oklch(77.52% 0.0903 176.25) 84.615% 92.308%, oklch(77.17% 0.0937 167.10) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.052 | 293.9 |
| 2 | 0.673 | 0.069 | 252.7 |
| 3 | 0.748 | 0.087 | 233.7 |
| 4 | 0.78 | 0.083 | 202 |
| 5 | 0.772 | 0.094 | 167.1 |

## Other forms

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