# Vivid teal, blue, magenta and purple radial gradient

Vivid teal, blue, magenta and purple radial gradient with 64 colors: #158788, #158989, #168b8a, #188e8c, #1a918d, #1d948f, #209890, #249c92, #28a093, #2ca495, #30a896, #33ac98, #37b09a, #39b49b, #3bb79d, #3cbb9f, #3cbea2, #3ac0a4, #36c2a8, #2fc4ab, #24c5af, #0fc5b4, #00c3b9, #00c1be, #00bdc3, #00b9c8, #00b4ce, #00aed4, #00a8db, #07a0e4, #3297e6, #498de6, #5b82e4, #6a78e0, #766dd9, #8063d0, #895ac6, #9051ba, #9548af, #9a40a3, #9d3998, #a0338e, #a22e86, #a42980, #a6247b, #a72077, #a91c74, #aa1873, #ac1472, #ad1073, #af0c75, #b00877, #b1057a, #b2037d, #b30181, #b40085, #b5008a, #b6008e, #b60092, #b70096, #b7009a, #b8009d, #b8009f, #b800a0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUkEOLXi8-kDBUlEVr-A`
- Page: https://grabient.com/kUkEOLXi8-kDBUlEVr-A?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#158788` | `oklch(56.69% 0.0923 195.47)` | Tubbataha Teal | black, 4.8 to 1 |
| 2 | `#158989` | `oklch(57.19% 0.0933 194.99)` | Old Truck | black, 4.9 to 1 |
| 3 | `#168b8a` | `oklch(57.83% 0.0944 194.13)` | Dark Cyan | black, 5 to 1 |
| 4 | `#188e8c` | `oklch(58.61% 0.0956 192.96)` | Corfu Shallows | black, 5.2 to 1 |
| 5 | `#1a918d` | `oklch(59.51% 0.0969 191.53)` | Supermint | black, 5.4 to 1 |
| 6 | `#1d948f` | `oklch(60.50% 0.0983 189.90)` | Reef Encounter | black, 5.6 to 1 |
| 7 | `#209890` | `oklch(61.56% 0.0999 188.13)` | Azure Tide | black, 5.9 to 1 |
| 8 | `#249c92` | `oklch(62.69% 0.1015 186.27)` | Caribbean Turquoise | black, 6.2 to 1 |
| 9 | `#28a093` | `oklch(63.85% 0.1032 184.39)` | Alhambra | black, 6.5 to 1 |
| 10 | `#2ca495` | `oklch(65.03% 0.1050 182.54)` | Sea Kale | black, 6.8 to 1 |
| 11 | `#30a896` | `oklch(66.22% 0.1069 180.78)` | Zomp | black, 7.1 to 1 |
| 12 | `#33ac98` | `oklch(67.39% 0.1088 179.16)` | Pool Green | black, 7.5 to 1 |
| 13 | `#37b09a` | `oklch(68.52% 0.1108 177.75)` | Hole in One | black, 7.8 to 1 |
| 14 | `#39b49b` | `oklch(69.60% 0.1128 176.61)` | Green Blue | black, 8.1 to 1 |
| 15 | `#3bb79d` | `oklch(70.60% 0.1148 175.78)` | Capture | black, 8.4 to 1 |
| 16 | `#3cbb9f` | `oklch(71.52% 0.1169 175.34)` | First Post | black, 8.7 to 1 |
| 17 | `#3cbea2` | `oklch(72.32% 0.1190 175.32)` | First Post | black, 9 to 1 |
| 18 | `#3ac0a4` | `oklch(72.99% 0.1211 175.81)` | Jade Mountain | black, 9.2 to 1 |
| 19 | `#36c2a8` | `oklch(73.52% 0.1232 176.84)` | Jade Mountain | black, 9.4 to 1 |
| 20 | `#2fc4ab` | `oklch(73.88% 0.1253 178.49)` | Jade Mountain | black, 9.5 to 1 |
| 21 | `#24c5af` | `oklch(74.05% 0.1274 180.80)` | Amazonite | black, 9.6 to 1 |
| 22 | `#0fc5b4` | `oklch(74.02% 0.1295 183.84)` | Amazonite | black, 9.6 to 1 |
| 23 | `#00c3b9` | `oklch(73.76% 0.1284 187.81)` | Swimmers Pool | black, 9.5 to 1 |
| 24 | `#00c1be` | `oklch(73.28% 0.1256 192.78)` | Cala Benirrás Blue | black, 9.3 to 1 |
| 25 | `#00bdc3` | `oklch(72.60% 0.1234 198.66)` | Maximum Blue Green | black, 9.1 to 1 |
| 26 | `#00b9c8` | `oklch(71.74% 0.1226 205.34)` | Utopia Beckons | black, 8.7 to 1 |
| 27 | `#00b4ce` | `oklch(70.73% 0.1236 212.72)` | Aquarius | black, 8.4 to 1 |
| 28 | `#00aed4` | `oklch(69.58% 0.1273 220.69)` | Battery Charged Blue | black, 8 to 1 |
| 29 | `#00a8db` | `oklch(68.32% 0.1348 229.14)` | Malibu Blue | black, 7.5 to 1 |
| 30 | `#07a0e4` | `oklch(66.96% 0.1471 237.96)` | Vanadyl Blue | black, 7.1 to 1 |
| 31 | `#3297e6` | `oklch(65.53% 0.1494 247.06)` | Out of the Blue | black, 6.6 to 1 |
| 32 | `#498de6` | `oklch(64.06% 0.1518 256.32)` | Oregon Blue | black, 6.2 to 1 |
| 33 | `#5b82e4` | `oklch(62.56% 0.1541 265.65)` | Blue Elemental | black, 5.7 to 1 |
| 34 | `#6a78e0` | `oklch(61.05% 0.1565 274.94)` | Pan Purple | black, 5.3 to 1 |
| 35 | `#766dd9` | `oklch(59.56% 0.1590 284.08)` | C64 Purple | black, 4.9 to 1 |
| 36 | `#8063d0` | `oklch(58.11% 0.1614 292.96)` | C64 Purple | black, 4.6 to 1 |
| 37 | `#895ac6` | `oklch(56.71% 0.1639 301.49)` | Fuchsia Blue | white, 4.8 to 1 |
| 38 | `#9051ba` | `oklch(55.40% 0.1664 309.55)` | Liberal Lilac | white, 5.1 to 1 |
| 39 | `#9548af` | `oklch(54.19% 0.1689 317.04)` | Tyrian Shimmer | white, 5.4 to 1 |
| 40 | `#9a40a3` | `oklch(53.10% 0.1714 323.85)` | Medium Purple | white, 5.7 to 1 |
| 41 | `#9d3998` | `oklch(52.15% 0.1740 329.89)` | Purple Cactus Flower | white, 6 to 1 |
| 42 | `#a0338e` | `oklch(51.38% 0.1765 335.03)` | Wild Aster | white, 6.2 to 1 |
| 43 | `#a22e86` | `oklch(50.79% 0.1791 339.19)` | Wild Aster | white, 6.4 to 1 |
| 44 | `#a42980` | `oklch(50.36% 0.1818 342.46)` | Wild Aster | white, 6.5 to 1 |
| 45 | `#a6247b` | `oklch(50.05% 0.1846 345.05)` | Fabric of Love | white, 6.6 to 1 |
| 46 | `#a72077` | `oklch(49.84% 0.1876 347.02)` | Fabric of Love | white, 6.7 to 1 |
| 47 | `#a91c74` | `oklch(49.73% 0.1907 348.43)` | Fabric of Love | white, 6.7 to 1 |
| 48 | `#aa1873` | `oklch(49.71% 0.1939 349.32)` | Fabric of Love | white, 6.7 to 1 |
| 49 | `#ac1472` | `oklch(49.76% 0.1971 349.74)` | Fabric of Love | white, 6.7 to 1 |
| 50 | `#ad1073` | `oklch(49.88% 0.2004 349.75)` | Fabric of Love | white, 6.7 to 1 |
| 51 | `#af0c75` | `oklch(50.06% 0.2037 349.41)` | Fabric of Love | white, 6.7 to 1 |
| 52 | `#b00877` | `oklch(50.29% 0.2070 348.75)` | King’s Plum Pie | white, 6.6 to 1 |
| 53 | `#b1057a` | `oklch(50.57% 0.2102 347.84)` | King’s Plum Pie | white, 6.6 to 1 |
| 54 | `#b2037d` | `oklch(50.87% 0.2135 346.73)` | King’s Plum Pie | white, 6.5 to 1 |
| 55 | `#b30181` | `oklch(51.19% 0.2166 345.47)` | King’s Plum Pie | white, 6.4 to 1 |
| 56 | `#b40085` | `oklch(51.53% 0.2197 344.11)` | Vibrant Velvet | white, 6.3 to 1 |
| 57 | `#b5008a` | `oklch(51.87% 0.2227 342.71)` | Vibrant Velvet | white, 6.2 to 1 |
| 58 | `#b6008e` | `oklch(52.20% 0.2255 341.31)` | Vibrant Velvet | white, 6.2 to 1 |
| 59 | `#b60092` | `oklch(52.52% 0.2282 339.98)` | Jealous Jellyfish | white, 6.1 to 1 |
| 60 | `#b70096` | `oklch(52.81% 0.2307 338.75)` | Jealous Jellyfish | white, 6 to 1 |
| 61 | `#b7009a` | `oklch(53.07% 0.2329 337.69)` | Jealous Jellyfish | white, 6 to 1 |
| 62 | `#b8009d` | `oklch(53.29% 0.2349 336.85)` | Jealous Jellyfish | white, 5.9 to 1 |
| 63 | `#b8009f` | `oklch(53.45% 0.2363 336.27)` | Jealous Jellyfish | white, 5.9 to 1 |
| 64 | `#b800a0` | `oklch(53.55% 0.2370 336.02)` | Jealous Jellyfish | white, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #158788 0.0%, #158989 1.6%, #168b8a 3.2%, #188e8c 4.8%, #1a918d 6.3%, #1d948f 7.9%, #209890 9.5%, #249c92 11.1%, #28a093 12.7%, #2ca495 14.3%, #30a896 15.9%, #33ac98 17.5%, #37b09a 19.0%, #39b49b 20.6%, #3bb79d 22.2%, #3cbb9f 23.8%, #3cbea2 25.4%, #3ac0a4 27.0%, #36c2a8 28.6%, #2fc4ab 30.2%, #24c5af 31.7%, #0fc5b4 33.3%, #00c3b9 34.9%, #00c1be 36.5%, #00bdc3 38.1%, #00b9c8 39.7%, #00b4ce 41.3%, #00aed4 42.9%, #00a8db 44.4%, #07a0e4 46.0%, #3297e6 47.6%, #498de6 49.2%, #5b82e4 50.8%, #6a78e0 52.4%, #766dd9 54.0%, #8063d0 55.6%, #895ac6 57.1%, #9051ba 58.7%, #9548af 60.3%, #9a40a3 61.9%, #9d3998 63.5%, #a0338e 65.1%, #a22e86 66.7%, #a42980 68.3%, #a6247b 69.8%, #a72077 71.4%, #a91c74 73.0%, #aa1873 74.6%, #ac1472 76.2%, #ad1073 77.8%, #af0c75 79.4%, #b00877 81.0%, #b1057a 82.5%, #b2037d 84.1%, #b30181 85.7%, #b40085 87.3%, #b5008a 88.9%, #b6008e 90.5%, #b60092 92.1%, #b70096 93.7%, #b7009a 95.2%, #b8009d 96.8%, #b8009f 98.4%, #b800a0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(56.69% 0.0923 195.47) 0.0%, oklch(57.19% 0.0933 194.99) 1.6%, oklch(57.83% 0.0944 194.13) 3.2%, oklch(58.61% 0.0956 192.96) 4.8%, oklch(59.51% 0.0969 191.53) 6.3%, oklch(60.50% 0.0983 189.90) 7.9%, oklch(61.56% 0.0999 188.13) 9.5%, oklch(62.69% 0.1015 186.27) 11.1%, oklch(63.85% 0.1032 184.39) 12.7%, oklch(65.03% 0.1050 182.54) 14.3%, oklch(66.22% 0.1069 180.78) 15.9%, oklch(67.39% 0.1088 179.16) 17.5%, oklch(68.52% 0.1108 177.75) 19.0%, oklch(69.60% 0.1128 176.61) 20.6%, oklch(70.60% 0.1148 175.78) 22.2%, oklch(71.52% 0.1169 175.34) 23.8%, oklch(72.32% 0.1190 175.32) 25.4%, oklch(72.99% 0.1211 175.81) 27.0%, oklch(73.52% 0.1232 176.84) 28.6%, oklch(73.88% 0.1253 178.49) 30.2%, oklch(74.05% 0.1274 180.80) 31.7%, oklch(74.02% 0.1295 183.84) 33.3%, oklch(73.76% 0.1284 187.81) 34.9%, oklch(73.28% 0.1256 192.78) 36.5%, oklch(72.60% 0.1234 198.66) 38.1%, oklch(71.74% 0.1226 205.34) 39.7%, oklch(70.73% 0.1236 212.72) 41.3%, oklch(69.58% 0.1273 220.69) 42.9%, oklch(68.32% 0.1348 229.14) 44.4%, oklch(66.96% 0.1471 237.96) 46.0%, oklch(65.53% 0.1494 247.06) 47.6%, oklch(64.06% 0.1518 256.32) 49.2%, oklch(62.56% 0.1541 265.65) 50.8%, oklch(61.05% 0.1565 274.94) 52.4%, oklch(59.56% 0.1590 284.08) 54.0%, oklch(58.11% 0.1614 292.96) 55.6%, oklch(56.71% 0.1639 301.49) 57.1%, oklch(55.40% 0.1664 309.55) 58.7%, oklch(54.19% 0.1689 317.04) 60.3%, oklch(53.10% 0.1714 323.85) 61.9%, oklch(52.15% 0.1740 329.89) 63.5%, oklch(51.38% 0.1765 335.03) 65.1%, oklch(50.79% 0.1791 339.19) 66.7%, oklch(50.36% 0.1818 342.46) 68.3%, oklch(50.05% 0.1846 345.05) 69.8%, oklch(49.84% 0.1876 347.02) 71.4%, oklch(49.73% 0.1907 348.43) 73.0%, oklch(49.71% 0.1939 349.32) 74.6%, oklch(49.76% 0.1971 349.74) 76.2%, oklch(49.88% 0.2004 349.75) 77.8%, oklch(50.06% 0.2037 349.41) 79.4%, oklch(50.29% 0.2070 348.75) 81.0%, oklch(50.57% 0.2102 347.84) 82.5%, oklch(50.87% 0.2135 346.73) 84.1%, oklch(51.19% 0.2166 345.47) 85.7%, oklch(51.53% 0.2197 344.11) 87.3%, oklch(51.87% 0.2227 342.71) 88.9%, oklch(52.20% 0.2255 341.31) 90.5%, oklch(52.52% 0.2282 339.98) 92.1%, oklch(52.81% 0.2307 338.75) 93.7%, oklch(53.07% 0.2329 337.69) 95.2%, oklch(53.29% 0.2349 336.85) 96.8%, oklch(53.45% 0.2363 336.27) 98.4%, oklch(53.55% 0.2370 336.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.092 | 195.5 |
| 2 | 0.74 | 0.13 | 183.8 |
| 3 | 0.508 | 0.179 | 339.2 |
| 4 | 0.535 | 0.238 | 336 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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