# Sky blue teal gold rings

Vivid blue, cyan, green and yellow radial gradient with 64 colors: #5fbfd1, #5fbfd2, #60bfd3, #61c0d5, #63c0d7, #64c0d9, #66c1dc, #69c1de, #6bc2e0, #6dc2e3, #70c3e5, #72c3e8, #74c3ea, #76c4ec, #78c4ed, #79c5ef, #79c5f0, #79c5f1, #78c6f2, #77c6f2, #74c7f2, #71c7f2, #6cc7f1, #65c7ee, #5dc8ec, #53c8e8, #48c8e3, #3ac8dd, #2ac7d6, #14c7ce, #00c6c4, #00c5ba, #00c4af, #00c2a4, #00c197, #1bbf8a, #30bd7d, #40bb70, #4eb863, #5bb656, #66b34a, #70b13d, #79af32, #81ae26, #89ad19, #90ac06, #97ab00, #9eab00, #a4ab00, #aaab00, #b0ac00, #b6ac00, #bbad00, #c0ae00, #c5af00, #cab000, #cfb106, #d3b212, #d7b31b, #dbb421, #deb526, #e1b62b, #e3b62e, #e6b730. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid blue, cyan, green and yellow radial gradient
- Seed: `kUv0SW5KXCVg7s_ltrrg`
- Page: https://grabient.com/kUv0SW5KXCVg7s_ltrrg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: even lightness, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 1.3 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 | `#5fbfd1` | `oklch(75.20% 0.0937 211.64)` | Skydive | black, 9.8 to 1 |
| 2 | `#5fbfd2` | `oklch(75.31% 0.0939 212.29)` | Skydive | black, 9.8 to 1 |
| 3 | `#60bfd3` | `oklch(75.47% 0.0940 213.27)` | Skydive | black, 9.9 to 1 |
| 4 | `#61c0d5` | `oklch(75.67% 0.0941 214.52)` | Skydive | black, 9.9 to 1 |
| 5 | `#63c0d7` | `oklch(75.90% 0.0942 216.00)` | Skydive | black, 10 to 1 |
| 6 | `#64c0d9` | `oklch(76.16% 0.0942 217.66)` | Magnesia Bay | black, 10.1 to 1 |
| 7 | `#66c1dc` | `oklch(76.44% 0.0943 219.46)` | Magnesia Bay | black, 10.2 to 1 |
| 8 | `#69c1de` | `oklch(76.73% 0.0943 221.35)` | Candid Blue | black, 10.3 to 1 |
| 9 | `#6bc2e0` | `oklch(77.03% 0.0944 223.28)` | Candid Blue | black, 10.3 to 1 |
| 10 | `#6dc2e3` | `oklch(77.33% 0.0945 225.22)` | Mizu | black, 10.4 to 1 |
| 11 | `#70c3e5` | `oklch(77.63% 0.0946 227.11)` | Bright Spark | black, 10.5 to 1 |
| 12 | `#72c3e8` | `oklch(77.93% 0.0948 228.90)` | Spritzig | black, 10.6 to 1 |
| 13 | `#74c3ea` | `oklch(78.20% 0.0951 230.56)` | Spritzig | black, 10.7 to 1 |
| 14 | `#76c4ec` | `oklch(78.46% 0.0955 232.04)` | Spritzig | black, 10.8 to 1 |
| 15 | `#78c4ed` | `oklch(78.70% 0.0960 233.28)` | Spritzig | black, 10.9 to 1 |
| 16 | `#79c5ef` | `oklch(78.90% 0.0966 234.25)` | Nevermind Nirvana | black, 11 to 1 |
| 17 | `#79c5f0` | `oklch(79.06% 0.0973 234.90)` | Nevermind Nirvana | black, 11 to 1 |
| 18 | `#79c5f1` | `oklch(79.19% 0.0982 235.18)` | Nevermind Nirvana | black, 11.1 to 1 |
| 19 | `#78c6f2` | `oklch(79.26% 0.0992 235.05)` | Nevermind Nirvana | black, 11.1 to 1 |
| 20 | `#77c6f2` | `oklch(79.28% 0.1004 234.46)` | Nevermind Nirvana | black, 11.1 to 1 |
| 21 | `#74c7f2` | `oklch(79.24% 0.1018 233.37)` | Nevermind Nirvana | black, 11.1 to 1 |
| 22 | `#71c7f2` | `oklch(79.13% 0.1033 231.72)` | Nevermind Nirvana | black, 11.1 to 1 |
| 23 | `#6cc7f1` | `oklch(78.94% 0.1052 229.45)` | Spritzig | black, 11 to 1 |
| 24 | `#65c7ee` | `oklch(78.65% 0.1074 226.55)` | Spritzig | black, 11 to 1 |
| 25 | `#5dc8ec` | `oklch(78.27% 0.1100 223.09)` | Candid Blue | black, 10.8 to 1 |
| 26 | `#53c8e8` | `oklch(77.82% 0.1128 219.11)` | Naxos Sky | black, 10.7 to 1 |
| 27 | `#48c8e3` | `oklch(77.30% 0.1159 214.68)` | Naxos Sky | black, 10.6 to 1 |
| 28 | `#3ac8dd` | `oklch(76.73% 0.1191 209.87)` | Sea Serpent | black, 10.4 to 1 |
| 29 | `#2ac7d6` | `oklch(76.12% 0.1225 204.71)` | Sea Serpent | black, 10.2 to 1 |
| 30 | `#14c7ce` | `oklch(75.47% 0.1261 199.28)` | Turquoise Surf | black, 10 to 1 |
| 31 | `#00c6c4` | `oklch(74.81% 0.1280 193.64)` | Cala Benirrás Blue | black, 9.8 to 1 |
| 32 | `#00c5ba` | `oklch(74.13% 0.1290 187.83)` | Swimmers Pool | black, 9.6 to 1 |
| 33 | `#00c4af` | `oklch(73.46% 0.1316 181.93)` | Amazonite | black, 9.4 to 1 |
| 34 | `#00c2a4` | `oklch(72.80% 0.1361 175.98)` | Turquoise | black, 9.2 to 1 |
| 35 | `#00c197` | `oklch(72.17% 0.1428 170.05)` | Blarney | black, 9 to 1 |
| 36 | `#1bbf8a` | `oklch(71.57% 0.1474 164.20)` | Cōng Lǜ Green | black, 8.8 to 1 |
| 37 | `#30bd7d` | `oklch(71.01% 0.1506 158.49)` | Greenish Teal | black, 8.7 to 1 |
| 38 | `#40bb70` | `oklch(70.52% 0.1536 152.96)` | Esmeralda | black, 8.5 to 1 |
| 39 | `#4eb863` | `oklch(70.09% 0.1563 147.69)` | Forest Maid | black, 8.3 to 1 |
| 40 | `#5bb656` | `oklch(69.74% 0.1588 142.72)` | Forest Maid | black, 8.2 to 1 |
| 41 | `#66b34a` | `oklch(69.49% 0.1609 138.12)` | Sour Candy | black, 8.1 to 1 |
| 42 | `#70b13d` | `oklch(69.33% 0.1626 133.95)` | Nasty Green | black, 8 to 1 |
| 43 | `#79af32` | `oklch(69.29% 0.1640 130.27)` | Natural Order | black, 8 to 1 |
| 44 | `#81ae26` | `oklch(69.37% 0.1649 126.93)` | Football Field | black, 8 to 1 |
| 45 | `#89ad19` | `oklch(69.55% 0.1655 123.76)` | Gameboy Screen | black, 8 to 1 |
| 46 | `#90ac06` | `oklch(69.83% 0.1658 120.76)` | Barf Green | black, 8 to 1 |
| 47 | `#97ab00` | `oklch(70.20% 0.1632 117.91)` | Barf Green | black, 8.1 to 1 |
| 48 | `#9eab00` | `oklch(70.64% 0.1603 115.20)` | Elysia Chlorotica | black, 8.2 to 1 |
| 49 | `#a4ab00` | `oklch(71.15% 0.1582 112.65)` | Honey and Thyme | black, 8.4 to 1 |
| 50 | `#aaab00` | `oklch(71.71% 0.1568 110.23)` | Honey and Thyme | black, 8.5 to 1 |
| 51 | `#b0ac00` | `oklch(72.32% 0.1559 107.95)` | Fusion | black, 8.7 to 1 |
| 52 | `#b6ac00` | `oklch(72.97% 0.1554 105.79)` | Citronelle | black, 8.9 to 1 |
| 53 | `#bbad00` | `oklch(73.65% 0.1554 103.76)` | Apple Jade | black, 9 to 1 |
| 54 | `#c0ae00` | `oklch(74.34% 0.1556 101.85)` | Muddy Yellow | black, 9.3 to 1 |
| 55 | `#c5af00` | `oklch(75.04% 0.1560 100.05)` | Brownish Yellow | black, 9.5 to 1 |
| 56 | `#cab000` | `oklch(75.73% 0.1567 98.36)` | Brownish Yellow | black, 9.7 to 1 |
| 57 | `#cfb106` | `oklch(76.41% 0.1565 96.77)` | Mustard | black, 9.9 to 1 |
| 58 | `#d3b212` | `oklch(77.06% 0.1553 95.27)` | Mustard | black, 10.1 to 1 |
| 59 | `#d7b31b` | `oklch(77.68% 0.1541 93.87)` | Crown of Liechtenstein | black, 10.3 to 1 |
| 60 | `#dbb421` | `oklch(78.26% 0.1531 92.54)` | Gold Tooth | black, 10.5 to 1 |
| 61 | `#deb526` | `oklch(78.78% 0.1521 91.30)` | Pickled Peppers | black, 10.7 to 1 |
| 62 | `#e1b62b` | `oklch(79.24% 0.1513 90.14)` | Eye Catching | black, 10.9 to 1 |
| 63 | `#e3b62e` | `oklch(79.62% 0.1506 89.04)` | Kogane Gold | black, 11 to 1 |
| 64 | `#e6b730` | `oklch(79.92% 0.1502 88.00)` | Last Sunlight | black, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5fbfd1 0.0%, #5fbfd2 1.6%, #60bfd3 3.2%, #61c0d5 4.8%, #63c0d7 6.3%, #64c0d9 7.9%, #66c1dc 9.5%, #69c1de 11.1%, #6bc2e0 12.7%, #6dc2e3 14.3%, #70c3e5 15.9%, #72c3e8 17.5%, #74c3ea 19.0%, #76c4ec 20.6%, #78c4ed 22.2%, #79c5ef 23.8%, #79c5f0 25.4%, #79c5f1 27.0%, #78c6f2 28.6%, #77c6f2 30.2%, #74c7f2 31.7%, #71c7f2 33.3%, #6cc7f1 34.9%, #65c7ee 36.5%, #5dc8ec 38.1%, #53c8e8 39.7%, #48c8e3 41.3%, #3ac8dd 42.9%, #2ac7d6 44.4%, #14c7ce 46.0%, #00c6c4 47.6%, #00c5ba 49.2%, #00c4af 50.8%, #00c2a4 52.4%, #00c197 54.0%, #1bbf8a 55.6%, #30bd7d 57.1%, #40bb70 58.7%, #4eb863 60.3%, #5bb656 61.9%, #66b34a 63.5%, #70b13d 65.1%, #79af32 66.7%, #81ae26 68.3%, #89ad19 69.8%, #90ac06 71.4%, #97ab00 73.0%, #9eab00 74.6%, #a4ab00 76.2%, #aaab00 77.8%, #b0ac00 79.4%, #b6ac00 81.0%, #bbad00 82.5%, #c0ae00 84.1%, #c5af00 85.7%, #cab000 87.3%, #cfb106 88.9%, #d3b212 90.5%, #d7b31b 92.1%, #dbb421 93.7%, #deb526 95.2%, #e1b62b 96.8%, #e3b62e 98.4%, #e6b730 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.20% 0.0937 211.64) 0.0%, oklch(75.31% 0.0939 212.29) 1.6%, oklch(75.47% 0.0940 213.27) 3.2%, oklch(75.67% 0.0941 214.52) 4.8%, oklch(75.90% 0.0942 216.00) 6.3%, oklch(76.16% 0.0942 217.66) 7.9%, oklch(76.44% 0.0943 219.46) 9.5%, oklch(76.73% 0.0943 221.35) 11.1%, oklch(77.03% 0.0944 223.28) 12.7%, oklch(77.33% 0.0945 225.22) 14.3%, oklch(77.63% 0.0946 227.11) 15.9%, oklch(77.93% 0.0948 228.90) 17.5%, oklch(78.20% 0.0951 230.56) 19.0%, oklch(78.46% 0.0955 232.04) 20.6%, oklch(78.70% 0.0960 233.28) 22.2%, oklch(78.90% 0.0966 234.25) 23.8%, oklch(79.06% 0.0973 234.90) 25.4%, oklch(79.19% 0.0982 235.18) 27.0%, oklch(79.26% 0.0992 235.05) 28.6%, oklch(79.28% 0.1004 234.46) 30.2%, oklch(79.24% 0.1018 233.37) 31.7%, oklch(79.13% 0.1033 231.72) 33.3%, oklch(78.94% 0.1052 229.45) 34.9%, oklch(78.65% 0.1074 226.55) 36.5%, oklch(78.27% 0.1100 223.09) 38.1%, oklch(77.82% 0.1128 219.11) 39.7%, oklch(77.30% 0.1159 214.68) 41.3%, oklch(76.73% 0.1191 209.87) 42.9%, oklch(76.12% 0.1225 204.71) 44.4%, oklch(75.47% 0.1261 199.28) 46.0%, oklch(74.81% 0.1280 193.64) 47.6%, oklch(74.13% 0.1290 187.83) 49.2%, oklch(73.46% 0.1316 181.93) 50.8%, oklch(72.80% 0.1361 175.98) 52.4%, oklch(72.17% 0.1428 170.05) 54.0%, oklch(71.57% 0.1474 164.20) 55.6%, oklch(71.01% 0.1506 158.49) 57.1%, oklch(70.52% 0.1536 152.96) 58.7%, oklch(70.09% 0.1563 147.69) 60.3%, oklch(69.74% 0.1588 142.72) 61.9%, oklch(69.49% 0.1609 138.12) 63.5%, oklch(69.33% 0.1626 133.95) 65.1%, oklch(69.29% 0.1640 130.27) 66.7%, oklch(69.37% 0.1649 126.93) 68.3%, oklch(69.55% 0.1655 123.76) 69.8%, oklch(69.83% 0.1658 120.76) 71.4%, oklch(70.20% 0.1632 117.91) 73.0%, oklch(70.64% 0.1603 115.20) 74.6%, oklch(71.15% 0.1582 112.65) 76.2%, oklch(71.71% 0.1568 110.23) 77.8%, oklch(72.32% 0.1559 107.95) 79.4%, oklch(72.97% 0.1554 105.79) 81.0%, oklch(73.65% 0.1554 103.76) 82.5%, oklch(74.34% 0.1556 101.85) 84.1%, oklch(75.04% 0.1560 100.05) 85.7%, oklch(75.73% 0.1567 98.36) 87.3%, oklch(76.41% 0.1565 96.77) 88.9%, oklch(77.06% 0.1553 95.27) 90.5%, oklch(77.68% 0.1541 93.87) 92.1%, oklch(78.26% 0.1531 92.54) 93.7%, oklch(78.78% 0.1521 91.30) 95.2%, oklch(79.24% 0.1513 90.14) 96.8%, oklch(79.62% 0.1506 89.04) 98.4%, oklch(79.92% 0.1502 88.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.094 | 211.6 |
| 2 | 0.791 | 0.103 | 231.7 |
| 3 | 0.693 | 0.164 | 130.3 |
| 4 | 0.799 | 0.15 | 88 |

## In these collections

- [Yellow and blue gradients](https://grabient.com/yellow-and-blue-gradients)

## Other forms

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