# Soft muted blue muted teal blue rings

Purple, tan, teal and blue radial gradient with 32 colors: #454b69, #505070, #5f5677, #725e7f, #876886, #9c738a, #b07e8b, #c18b89, #cb9786, #cfa282, #ccaa7f, #c2ae7d, #b1ae7c, #9caa7c, #85a27c, #70977c, #5d8a7a, #4d7c76, #426f72, #3a636d, #345a69, #315468, #2f5069, #2e4e6c, #2d4c71, #2d4c78, #2e4b7e, #2f4c86, #304c8d, #324c93, #344c98, #364b9c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, tan, teal and blue radial gradient
- Seed: `kUayXEYJnTLcS0g4MMRg`
- Page: https://grabient.com/kUayXEYJnTLcS0g4MMRg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, muted, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#454b69` | `oklch(42.13% 0.0510 275.63)` | Royal Hyacinth | white, 8.4 to 1 |
| 2 | `#505070` | `oklch(44.35% 0.0523 284.99)` | Independence | white, 7.7 to 1 |
| 3 | `#5f5677` | `oklch(47.55% 0.0541 297.02)` | Taylor | white, 6.7 to 1 |
| 4 | `#725e7f` | `oklch(51.47% 0.0563 311.26)` | Grape Compote | white, 5.7 to 1 |
| 5 | `#876886` | `oklch(55.83% 0.0588 327.23)` | Sunshone Plum | white, 4.8 to 1 |
| 6 | `#9c738a` | `oklch(60.35% 0.0614 344.46)` | Artiste | black, 5.2 to 1 |
| 7 | `#b07e8b` | `oklch(64.76% 0.0639 2.48)` | Degas Pink | black, 6.2 to 1 |
| 8 | `#c18b89` | `oklch(68.79% 0.0662 20.84)` | Grand Sunset | black, 7.2 to 1 |
| 9 | `#cb9786` | `oklch(72.17% 0.0681 39.05)` | Café Crème | black, 8.3 to 1 |
| 10 | `#cfa282` | `oklch(74.63% 0.0695 56.65)` | Arbol de Tamarindo | black, 9.1 to 1 |
| 11 | `#ccaa7f` | `oklch(75.88% 0.0702 73.18)` | Flax Straw | black, 9.6 to 1 |
| 12 | `#c2ae7d` | `oklch(75.69% 0.0699 88.74)` | Butterbrot | black, 9.6 to 1 |
| 13 | `#b1ae7c` | `oklch(74.12% 0.0682 104.88)` | Stuffed Olive | black, 9.2 to 1 |
| 14 | `#9caa7c` | `oklch(71.45% 0.0655 121.43)` | Nurturing | black, 8.4 to 1 |
| 15 | `#85a27c` | `oklch(67.94% 0.0621 138.12)` | Rivergrass | black, 7.4 to 1 |
| 16 | `#70977c` | `oklch(63.87% 0.0585 154.65)` | Douglas Fir Green | black, 6.3 to 1 |
| 17 | `#5d8a7a` | `oklch(59.51% 0.0549 170.75)` | Privet Hedge | black, 5.3 to 1 |
| 18 | `#4d7c76` | `oklch(55.13% 0.0519 186.11)` | Breaker Bay | white, 4.6 to 1 |
| 19 | `#426f72` | `oklch(51.01% 0.0497 200.47)` | Thunderhawk Blue | white, 5.6 to 1 |
| 20 | `#3a636d` | `oklch(47.41% 0.0487 213.52)` | Smock Blue | white, 6.5 to 1 |
| 21 | `#345a69` | `oklch(44.60% 0.0494 224.98)` | Quiet Storm | white, 7.4 to 1 |
| 22 | `#315468` | `oklch(42.83% 0.0522 234.58)` | Deep Dive | white, 8 to 1 |
| 23 | `#2f5069` | `oklch(41.78% 0.0573 242.42)` | Blue Lava | white, 8.4 to 1 |
| 24 | `#2e4e6c` | `oklch(41.24% 0.0644 248.73)` | Celestial Blue | white, 8.7 to 1 |
| 25 | `#2d4c71` | `oklch(41.11% 0.0730 253.73)` | Enchanted Navy | white, 8.7 to 1 |
| 26 | `#2d4c78` | `oklch(41.31% 0.0827 257.63)` | Dragonfly | white, 8.7 to 1 |
| 27 | `#2e4b7e` | `oklch(41.74% 0.0928 260.64)` | Nautical | white, 8.6 to 1 |
| 28 | `#2f4c86` | `oklch(42.31% 0.1030 262.97)` | Coastal Surf | white, 8.4 to 1 |
| 29 | `#304c8d` | `oklch(42.92% 0.1127 264.82)` | Blue Highlight | white, 8.2 to 1 |
| 30 | `#324c93` | `oklch(43.49% 0.1213 266.41)` | Nightly Activities | white, 8.1 to 1 |
| 31 | `#344c98` | `oklch(43.91% 0.1285 267.94)` | Chinese Blue | white, 8 to 1 |
| 32 | `#364b9c` | `oklch(44.09% 0.1337 269.64)` | Dazzling Blue | white, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #454b69 0.0%, #505070 3.2%, #5f5677 6.5%, #725e7f 9.7%, #876886 12.9%, #9c738a 16.1%, #b07e8b 19.4%, #c18b89 22.6%, #cb9786 25.8%, #cfa282 29.0%, #ccaa7f 32.3%, #c2ae7d 35.5%, #b1ae7c 38.7%, #9caa7c 41.9%, #85a27c 45.2%, #70977c 48.4%, #5d8a7a 51.6%, #4d7c76 54.8%, #426f72 58.1%, #3a636d 61.3%, #345a69 64.5%, #315468 67.7%, #2f5069 71.0%, #2e4e6c 74.2%, #2d4c71 77.4%, #2d4c78 80.6%, #2e4b7e 83.9%, #2f4c86 87.1%, #304c8d 90.3%, #324c93 93.5%, #344c98 96.8%, #364b9c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.13% 0.0510 275.63) 0.0%, oklch(44.35% 0.0523 284.99) 3.2%, oklch(47.55% 0.0541 297.02) 6.5%, oklch(51.47% 0.0563 311.26) 9.7%, oklch(55.83% 0.0588 327.23) 12.9%, oklch(60.35% 0.0614 344.46) 16.1%, oklch(64.76% 0.0639 2.48) 19.4%, oklch(68.79% 0.0662 20.84) 22.6%, oklch(72.17% 0.0681 39.05) 25.8%, oklch(74.63% 0.0695 56.65) 29.0%, oklch(75.88% 0.0702 73.18) 32.3%, oklch(75.69% 0.0699 88.74) 35.5%, oklch(74.12% 0.0682 104.88) 38.7%, oklch(71.45% 0.0655 121.43) 41.9%, oklch(67.94% 0.0621 138.12) 45.2%, oklch(63.87% 0.0585 154.65) 48.4%, oklch(59.51% 0.0549 170.75) 51.6%, oklch(55.13% 0.0519 186.11) 54.8%, oklch(51.01% 0.0497 200.47) 58.1%, oklch(47.41% 0.0487 213.52) 61.3%, oklch(44.60% 0.0494 224.98) 64.5%, oklch(42.83% 0.0522 234.58) 67.7%, oklch(41.78% 0.0573 242.42) 71.0%, oklch(41.24% 0.0644 248.73) 74.2%, oklch(41.11% 0.0730 253.73) 77.4%, oklch(41.31% 0.0827 257.63) 80.6%, oklch(41.74% 0.0928 260.64) 83.9%, oklch(42.31% 0.1030 262.97) 87.1%, oklch(42.92% 0.1127 264.82) 90.3%, oklch(43.49% 0.1213 266.41) 93.5%, oklch(43.91% 0.1285 267.94) 96.8%, oklch(44.09% 0.1337 269.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.051 | 275.6 |
| 2 | 0.76 | 0.07 | 438.4 |
| 3 | 0.433 | 0.051 | 591.6 |
| 4 | 0.441 | 0.134 | 629.6 |

## In these collections

- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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