# Blue teal deep teal rings

Analogous blue, light blue and teal radial gradient with 40 colors: #0693e9, #0e94e9, #1897ea, #229aea, #2b9deb, #34a0eb, #3ca4ec, #43a7ec, #49abed, #4eaeed, #52b1ed, #55b4ec, #56b7eb, #55b8e9, #52bae6, #4cbce3, #45bedf, #3dc1da, #34c2d4, #2cc4cd, #26c4c5, #24c4bc, #25c3b3, #29c1aa, #2cbea1, #2eba9a, #2eb494, #2aae8e, #22a68a, #169c85, #059280, #00867b, #007a75, #006f6f, #006368, #005961, #004f5a, #004753, #00404e, #003b49. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous blue, light blue and teal radial gradient
- Seed: `kUo3evXqo-VgsuMplcWA`
- Page: https://grabient.com/kUo3evXqo-VgsuMplcWA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.6 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 | `#0693e9` | `oklch(64.17% 0.1640 246.09)` | Pervenche | black, 6.3 to 1 |
| 2 | `#0e94e9` | `oklch(64.67% 0.1617 245.61)` | Pervenche | black, 6.4 to 1 |
| 3 | `#1897ea` | `oklch(65.34% 0.1587 245.20)` | Out of the Blue | black, 6.6 to 1 |
| 4 | `#229aea` | `oklch(66.15% 0.1550 244.81)` | Out of the Blue | black, 6.8 to 1 |
| 5 | `#2b9deb` | `oklch(67.07% 0.1509 244.40)` | Button Blue | black, 7.1 to 1 |
| 6 | `#34a0eb` | `oklch(68.06% 0.1464 243.93)` | Button Blue | black, 7.3 to 1 |
| 7 | `#3ca4ec` | `oklch(69.09% 0.1418 243.34)` | Perfect Days | black, 7.6 to 1 |
| 8 | `#43a7ec` | `oklch(70.13% 0.1371 242.60)` | Cerulean | black, 8 to 1 |
| 9 | `#49abed` | `oklch(71.12% 0.1325 241.65)` | Cerulean | black, 8.3 to 1 |
| 10 | `#4eaeed` | `oklch(72.06% 0.1281 240.46)` | Blue Jeans | black, 8.6 to 1 |
| 11 | `#52b1ed` | `oklch(72.89% 0.1241 238.98)` | Blue Jeans | black, 8.8 to 1 |
| 12 | `#55b4ec` | `oklch(73.58% 0.1206 237.17)` | Sanctuary Spa | black, 9.1 to 1 |
| 13 | `#56b7eb` | `oklch(74.10% 0.1178 234.97)` | Sea Frolic | black, 9.3 to 1 |
| 14 | `#55b8e9` | `oklch(74.41% 0.1157 232.36)` | Sea Frolic | black, 9.4 to 1 |
| 15 | `#52bae6` | `oklch(74.60% 0.1147 228.95)` | Nancy | black, 9.5 to 1 |
| 16 | `#4cbce3` | `oklch(74.78% 0.1145 224.57)` | Lake Thun | black, 9.6 to 1 |
| 17 | `#45bedf` | `oklch(74.92% 0.1150 219.42)` | Lake Thun | black, 9.7 to 1 |
| 18 | `#3dc1da` | `oklch(75.00% 0.1161 213.72)` | Caribbean Blue | black, 9.8 to 1 |
| 19 | `#34c2d4` | `oklch(74.99% 0.1176 207.67)` | The Crowd Roars! | black, 9.8 to 1 |
| 20 | `#2cc4cd` | `oklch(74.88% 0.1193 201.48)` | Turquoise Surf | black, 9.8 to 1 |
| 21 | `#26c4c5` | `oklch(74.64% 0.1210 195.38)` | Cala Benirrás Blue | black, 9.7 to 1 |
| 22 | `#24c4bc` | `oklch(74.25% 0.1226 189.55)` | Swimmers Pool | black, 9.6 to 1 |
| 23 | `#25c3b3` | `oklch(73.69% 0.1239 184.23)` | Amazonite | black, 9.5 to 1 |
| 24 | `#29c1aa` | `oklch(72.94% 0.1247 179.61)` | Pure Cyan | black, 9.2 to 1 |
| 25 | `#2cbea1` | `oklch(71.97% 0.1249 175.92)` | First Post | black, 8.9 to 1 |
| 26 | `#2eba9a` | `oklch(70.76% 0.1243 173.35)` | First Post | black, 8.5 to 1 |
| 27 | `#2eb494` | `oklch(69.29% 0.1226 172.12)` | Aloha | black, 8.1 to 1 |
| 28 | `#2aae8e` | `oklch(67.41% 0.1199 172.38)` | Mermaid Song | black, 7.5 to 1 |
| 29 | `#22a68a` | `oklch(65.03% 0.1161 173.98)` | Moray Eel | black, 6.8 to 1 |
| 30 | `#169c85` | `oklch(62.24% 0.1115 176.71)` | Flamboyant Teal | black, 6.1 to 1 |
| 31 | `#059280` | `oklch(59.15% 0.1062 180.36)` | Miami Jade | black, 5.4 to 1 |
| 32 | `#00867b` | `oklch(55.84% 0.0985 184.72)` | Mystic Turquoise | black, 4.7 to 1 |
| 33 | `#007a75` | `oklch(52.40% 0.0906 189.58)` | Emperor Jade | white, 5.1 to 1 |
| 34 | `#006f6f` | `oklch(48.94% 0.0835 194.73)` | Caribbean Current | white, 6 to 1 |
| 35 | `#006368` | `oklch(45.53% 0.0774 199.95)` | Really Teal | white, 7 to 1 |
| 36 | `#005961` | `oklch(42.28% 0.0722 205.03)` | Entrapment | white, 8 to 1 |
| 37 | `#004f5a` | `oklch(39.28% 0.0679 209.77)` | Kali Blue | white, 9.2 to 1 |
| 38 | `#004753` | `oklch(36.62% 0.0643 213.94)` | Midnight Green | white, 10.3 to 1 |
| 39 | `#00404e` | `oklch(34.39% 0.0615 217.34)` | Cold and Dark | white, 11.3 to 1 |
| 40 | `#003b49` | `oklch(32.68% 0.0593 219.67)` | Ghostlands Coal | white, 12.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0693e9 0.0%, #0e94e9 2.6%, #1897ea 5.1%, #229aea 7.7%, #2b9deb 10.3%, #34a0eb 12.8%, #3ca4ec 15.4%, #43a7ec 17.9%, #49abed 20.5%, #4eaeed 23.1%, #52b1ed 25.6%, #55b4ec 28.2%, #56b7eb 30.8%, #55b8e9 33.3%, #52bae6 35.9%, #4cbce3 38.5%, #45bedf 41.0%, #3dc1da 43.6%, #34c2d4 46.2%, #2cc4cd 48.7%, #26c4c5 51.3%, #24c4bc 53.8%, #25c3b3 56.4%, #29c1aa 59.0%, #2cbea1 61.5%, #2eba9a 64.1%, #2eb494 66.7%, #2aae8e 69.2%, #22a68a 71.8%, #169c85 74.4%, #059280 76.9%, #00867b 79.5%, #007a75 82.1%, #006f6f 84.6%, #006368 87.2%, #005961 89.7%, #004f5a 92.3%, #004753 94.9%, #00404e 97.4%, #003b49 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.17% 0.1640 246.09) 0.0%, oklch(64.67% 0.1617 245.61) 2.6%, oklch(65.34% 0.1587 245.20) 5.1%, oklch(66.15% 0.1550 244.81) 7.7%, oklch(67.07% 0.1509 244.40) 10.3%, oklch(68.06% 0.1464 243.93) 12.8%, oklch(69.09% 0.1418 243.34) 15.4%, oklch(70.13% 0.1371 242.60) 17.9%, oklch(71.12% 0.1325 241.65) 20.5%, oklch(72.06% 0.1281 240.46) 23.1%, oklch(72.89% 0.1241 238.98) 25.6%, oklch(73.58% 0.1206 237.17) 28.2%, oklch(74.10% 0.1178 234.97) 30.8%, oklch(74.41% 0.1157 232.36) 33.3%, oklch(74.60% 0.1147 228.95) 35.9%, oklch(74.78% 0.1145 224.57) 38.5%, oklch(74.92% 0.1150 219.42) 41.0%, oklch(75.00% 0.1161 213.72) 43.6%, oklch(74.99% 0.1176 207.67) 46.2%, oklch(74.88% 0.1193 201.48) 48.7%, oklch(74.64% 0.1210 195.38) 51.3%, oklch(74.25% 0.1226 189.55) 53.8%, oklch(73.69% 0.1239 184.23) 56.4%, oklch(72.94% 0.1247 179.61) 59.0%, oklch(71.97% 0.1249 175.92) 61.5%, oklch(70.76% 0.1243 173.35) 64.1%, oklch(69.29% 0.1226 172.12) 66.7%, oklch(67.41% 0.1199 172.38) 69.2%, oklch(65.03% 0.1161 173.98) 71.8%, oklch(62.24% 0.1115 176.71) 74.4%, oklch(59.15% 0.1062 180.36) 76.9%, oklch(55.84% 0.0985 184.72) 79.5%, oklch(52.40% 0.0906 189.58) 82.1%, oklch(48.94% 0.0835 194.73) 84.6%, oklch(45.53% 0.0774 199.95) 87.2%, oklch(42.28% 0.0722 205.03) 89.7%, oklch(39.28% 0.0679 209.77) 92.3%, oklch(36.62% 0.0643 213.94) 94.9%, oklch(34.39% 0.0615 217.34) 97.4%, oklch(32.68% 0.0593 219.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.164 | 246.1 |
| 2 | 0.744 | 0.116 | 232.4 |
| 3 | 0.693 | 0.123 | 172.1 |
| 4 | 0.327 | 0.059 | 219.7 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)

## Other forms

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