# Cyan blue luminous circles

Vivid analogous blue and teal linear gradient with 64 colors: #20589a, #1d5c9d, #1861a0, #1067a4, #026da8, #0075aa, #007cad, #0084af, #008db2, #0095b6, #009eb9, #00a6bc, #00afbe, #00b7c1, #00bfc3, #00c6c4, #00cdc5, #00d3c6, #15d8c6, #22dcc6, #28dec6, #2ae0c7, #27e0c8, #1ddfc9, #03ddca, #00dacb, #00d5cd, #00d0ce, #00cace, #00c4ce, #00bdce, #00b6cd, #00afcd, #00a8cc, #00a0cb, #0099ca, #0092c9, #008cc9, #0086c9, #0080c9, #007bc9, #0e77c7, #1574c4, #1773c2, #1772c0, #1571bf, #1271bd, #0c72bb, #0473b9, #0075b6, #0076b3, #0078b0, #007aae, #007cab, #007ea9, #0080a7, #0082a6, #0083a4, #0085a3, #0087a2, #0088a1, #0089a0, #008a9f, #008a9e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous blue and teal linear gradient
- Seed: `kUdVi1Z7M3MY2SDKJTtg`
- Page: https://grabient.com/kUdVi1Z7M3MY2SDKJTtg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#20589a` | `oklch(46.06% 0.1213 254.53)` | Florentine Lapis | white, 7.1 to 1 |
| 2 | `#1d5c9d` | `oklch(47.05% 0.1218 252.45)` | Drakenhof Nightshade | white, 6.8 to 1 |
| 3 | `#1861a0` | `oklch(48.31% 0.1224 249.78)` | Brigadier Blue | white, 6.4 to 1 |
| 4 | `#1067a4` | `oklch(49.81% 0.1231 246.59)` | Medium Persian Blue | white, 6 to 1 |
| 5 | `#026da8` | `oklch(51.51% 0.1239 242.95)` | Indigo Bunting | white, 5.5 to 1 |
| 6 | `#0075aa` | `oklch(53.39% 0.1202 238.95)` | Methyl Blue | white, 5.1 to 1 |
| 7 | `#007cad` | `oklch(55.41% 0.1169 234.62)` | Jacuzzi | white, 4.6 to 1 |
| 8 | `#0084af` | `oklch(57.54% 0.1147 230.05)` | Tusche Blue | black, 4.9 to 1 |
| 9 | `#008db2` | `oklch(59.75% 0.1135 225.31)` | Algiers Blue | black, 5.4 to 1 |
| 10 | `#0095b6` | `oklch(62.02% 0.1133 220.47)` | Bondi Blue | black, 5.9 to 1 |
| 11 | `#009eb9` | `oklch(64.29% 0.1139 215.61)` | Brilliant Sea | black, 6.5 to 1 |
| 12 | `#00a6bc` | `oklch(66.56% 0.1154 210.79)` | Jamaican Sea | black, 7.1 to 1 |
| 13 | `#00afbe` | `oklch(68.78% 0.1177 206.09)` | Deep Turquoise | black, 7.8 to 1 |
| 14 | `#00b7c1` | `oklch(70.92% 0.1206 201.57)` | Lago Blue | black, 8.5 to 1 |
| 15 | `#00bfc3` | `oklch(72.95% 0.1241 197.31)` | Cala Benirrás Blue | black, 9.2 to 1 |
| 16 | `#00c6c4` | `oklch(74.85% 0.1281 193.38)` | Cala Benirrás Blue | black, 9.9 to 1 |
| 17 | `#00cdc5` | `oklch(76.57% 0.1323 189.84)` | Blue Martina | black, 10.5 to 1 |
| 18 | `#00d3c6` | `oklch(78.09% 0.1365 186.76)` | Turquoise Panic | black, 11.1 to 1 |
| 19 | `#15d8c6` | `oklch(79.37% 0.1382 184.23)` | Turquoise Panic | black, 11.6 to 1 |
| 20 | `#22dcc6` | `oklch(80.39% 0.1391 182.30)` | Mint Morning | black, 12 to 1 |
| 21 | `#28dec6` | `oklch(81.11% 0.1398 181.06)` | Celestial Green | black, 12.3 to 1 |
| 22 | `#2ae0c7` | `oklch(81.50% 0.1406 180.56)` | Celestial Green | black, 12.5 to 1 |
| 23 | `#27e0c8` | `oklch(81.54% 0.1412 180.89)` | Ice Climber | black, 12.5 to 1 |
| 24 | `#1ddfc9` | `oklch(81.27% 0.1420 182.04)` | Mint Morning | black, 12.4 to 1 |
| 25 | `#03ddca` | `oklch(80.71% 0.1428 183.92)` | Mint Morning | black, 12.2 to 1 |
| 26 | `#00dacb` | `oklch(79.90% 0.1398 186.46)` | Mint Morning | black, 11.8 to 1 |
| 27 | `#00d5cd` | `oklch(78.85% 0.1364 189.56)` | Turquoise Panic | black, 11.4 to 1 |
| 28 | `#00d0ce` | `oklch(77.61% 0.1329 193.15)` | Blue Martina | black, 10.9 to 1 |
| 29 | `#00cace` | `oklch(76.19% 0.1297 197.15)` | Tilla Kari Mosque | black, 10.3 to 1 |
| 30 | `#00c4ce` | `oklch(74.63% 0.1269 201.48)` | Turquoise Surf | black, 9.7 to 1 |
| 31 | `#00bdce` | `oklch(72.97% 0.1249 206.05)` | Holiday Blue | black, 9.1 to 1 |
| 32 | `#00b6cd` | `oklch(71.22% 0.1235 210.79)` | Utopia Beckons | black, 8.5 to 1 |
| 33 | `#00afcd` | `oklch(69.42% 0.1230 215.60)` | Havasupai Falls | black, 8 to 1 |
| 34 | `#00a8cc` | `oklch(67.60% 0.1235 220.42)` | Gummy Dolphins | black, 7.4 to 1 |
| 35 | `#00a0cb` | `oklch(65.79% 0.1248 225.16)` | Charybdis | black, 6.9 to 1 |
| 36 | `#0099ca` | `oklch(64.01% 0.1272 229.73)` | Isle of Capri | black, 6.4 to 1 |
| 37 | `#0092c9` | `oklch(62.31% 0.1305 234.06)` | Dynamic Blue | black, 5.9 to 1 |
| 38 | `#008cc9` | `oklch(60.70% 0.1347 238.06)` | Newport Blue | black, 5.5 to 1 |
| 39 | `#0086c9` | `oklch(59.21% 0.1396 241.65)` | Water Blue | black, 5.2 to 1 |
| 40 | `#0080c9` | `oklch(57.88% 0.1450 244.76)` | Blue Aster | black, 4.9 to 1 |
| 41 | `#007bc9` | `oklch(56.74% 0.1502 247.29)` | Blue Aster | black, 4.6 to 1 |
| 42 | `#0e77c7` | `oklch(55.80% 0.1496 249.16)` | Science Blue | white, 4.6 to 1 |
| 43 | `#1574c4` | `oklch(55.12% 0.1488 250.30)` | Science Blue | white, 4.8 to 1 |
| 44 | `#1773c2` | `oklch(54.63% 0.1477 250.78)` | Peek-A-Boo Blue | white, 4.9 to 1 |
| 45 | `#1772c0` | `oklch(54.28% 0.1463 250.73)` | French Blue | white, 5 to 1 |
| 46 | `#1571bf` | `oklch(54.05% 0.1446 250.19)` | French Blue | white, 5 to 1 |
| 47 | `#1271bd` | `oklch(53.92% 0.1426 249.23)` | French Blue | white, 5 to 1 |
| 48 | `#0c72bb` | `oklch(53.90% 0.1405 247.87)` | French Blue | white, 5 to 1 |
| 49 | `#0473b9` | `oklch(53.96% 0.1381 246.18)` | Peek-A-Boo Blue | white, 5 to 1 |
| 50 | `#0075b6` | `oklch(54.10% 0.1340 244.22)` | Biloxi Blue | white, 4.9 to 1 |
| 51 | `#0076b3` | `oklch(54.31% 0.1289 241.99)` | Brilliant Blue | white, 4.9 to 1 |
| 52 | `#0078b0` | `oklch(54.57% 0.1241 239.57)` | Deep River | white, 4.8 to 1 |
| 53 | `#007aae` | `oklch(54.88% 0.1198 236.99)` | Nice Blue | white, 4.7 to 1 |
| 54 | `#007cab` | `oklch(55.22% 0.1161 234.31)` | Jacuzzi | white, 4.7 to 1 |
| 55 | `#007ea9` | `oklch(55.59% 0.1128 231.58)` | Oh so Vo | white, 4.6 to 1 |
| 56 | `#0080a7` | `oklch(55.97% 0.1101 228.84)` | Advertising Blue | black, 4.6 to 1 |
| 57 | `#0082a6` | `oklch(56.36% 0.1079 226.13)` | Advertising Blue | black, 4.7 to 1 |
| 58 | `#0083a4` | `oklch(56.74% 0.1061 223.51)` | Tibetan Turquoise | black, 4.8 to 1 |
| 59 | `#0085a3` | `oklch(57.10% 0.1047 221.03)` | Blue Arc | black, 4.8 to 1 |
| 60 | `#0087a2` | `oklch(57.43% 0.1037 218.73)` | Gogo Blue | black, 4.9 to 1 |
| 61 | `#0088a1` | `oklch(57.73% 0.1029 216.65)` | Gogo Blue | black, 5 to 1 |
| 62 | `#0089a0` | `oklch(57.97% 0.1023 214.85)` | Teal Blue | black, 5 to 1 |
| 63 | `#008a9f` | `oklch(58.16% 0.1019 213.38)` | Teal Blue | black, 5.1 to 1 |
| 64 | `#008a9e` | `oklch(58.27% 0.1016 212.27)` | Teal Blue | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #20589a 0.0%, #1d5c9d 1.6%, #1861a0 3.2%, #1067a4 4.8%, #026da8 6.3%, #0075aa 7.9%, #007cad 9.5%, #0084af 11.1%, #008db2 12.7%, #0095b6 14.3%, #009eb9 15.9%, #00a6bc 17.5%, #00afbe 19.0%, #00b7c1 20.6%, #00bfc3 22.2%, #00c6c4 23.8%, #00cdc5 25.4%, #00d3c6 27.0%, #15d8c6 28.6%, #22dcc6 30.2%, #28dec6 31.7%, #2ae0c7 33.3%, #27e0c8 34.9%, #1ddfc9 36.5%, #03ddca 38.1%, #00dacb 39.7%, #00d5cd 41.3%, #00d0ce 42.9%, #00cace 44.4%, #00c4ce 46.0%, #00bdce 47.6%, #00b6cd 49.2%, #00afcd 50.8%, #00a8cc 52.4%, #00a0cb 54.0%, #0099ca 55.6%, #0092c9 57.1%, #008cc9 58.7%, #0086c9 60.3%, #0080c9 61.9%, #007bc9 63.5%, #0e77c7 65.1%, #1574c4 66.7%, #1773c2 68.3%, #1772c0 69.8%, #1571bf 71.4%, #1271bd 73.0%, #0c72bb 74.6%, #0473b9 76.2%, #0075b6 77.8%, #0076b3 79.4%, #0078b0 81.0%, #007aae 82.5%, #007cab 84.1%, #007ea9 85.7%, #0080a7 87.3%, #0082a6 88.9%, #0083a4 90.5%, #0085a3 92.1%, #0087a2 93.7%, #0088a1 95.2%, #0089a0 96.8%, #008a9f 98.4%, #008a9e 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.06% 0.1213 254.53) 0.0%, oklch(47.05% 0.1218 252.45) 1.6%, oklch(48.31% 0.1224 249.78) 3.2%, oklch(49.81% 0.1231 246.59) 4.8%, oklch(51.51% 0.1239 242.95) 6.3%, oklch(53.39% 0.1202 238.95) 7.9%, oklch(55.41% 0.1169 234.62) 9.5%, oklch(57.54% 0.1147 230.05) 11.1%, oklch(59.75% 0.1135 225.31) 12.7%, oklch(62.02% 0.1133 220.47) 14.3%, oklch(64.29% 0.1139 215.61) 15.9%, oklch(66.56% 0.1154 210.79) 17.5%, oklch(68.78% 0.1177 206.09) 19.0%, oklch(70.92% 0.1206 201.57) 20.6%, oklch(72.95% 0.1241 197.31) 22.2%, oklch(74.85% 0.1281 193.38) 23.8%, oklch(76.57% 0.1323 189.84) 25.4%, oklch(78.09% 0.1365 186.76) 27.0%, oklch(79.37% 0.1382 184.23) 28.6%, oklch(80.39% 0.1391 182.30) 30.2%, oklch(81.11% 0.1398 181.06) 31.7%, oklch(81.50% 0.1406 180.56) 33.3%, oklch(81.54% 0.1412 180.89) 34.9%, oklch(81.27% 0.1420 182.04) 36.5%, oklch(80.71% 0.1428 183.92) 38.1%, oklch(79.90% 0.1398 186.46) 39.7%, oklch(78.85% 0.1364 189.56) 41.3%, oklch(77.61% 0.1329 193.15) 42.9%, oklch(76.19% 0.1297 197.15) 44.4%, oklch(74.63% 0.1269 201.48) 46.0%, oklch(72.97% 0.1249 206.05) 47.6%, oklch(71.22% 0.1235 210.79) 49.2%, oklch(69.42% 0.1230 215.60) 50.8%, oklch(67.60% 0.1235 220.42) 52.4%, oklch(65.79% 0.1248 225.16) 54.0%, oklch(64.01% 0.1272 229.73) 55.6%, oklch(62.31% 0.1305 234.06) 57.1%, oklch(60.70% 0.1347 238.06) 58.7%, oklch(59.21% 0.1396 241.65) 60.3%, oklch(57.88% 0.1450 244.76) 61.9%, oklch(56.74% 0.1502 247.29) 63.5%, oklch(55.80% 0.1496 249.16) 65.1%, oklch(55.12% 0.1488 250.30) 66.7%, oklch(54.63% 0.1477 250.78) 68.3%, oklch(54.28% 0.1463 250.73) 69.8%, oklch(54.05% 0.1446 250.19) 71.4%, oklch(53.92% 0.1426 249.23) 73.0%, oklch(53.90% 0.1405 247.87) 74.6%, oklch(53.96% 0.1381 246.18) 76.2%, oklch(54.10% 0.1340 244.22) 77.8%, oklch(54.31% 0.1289 241.99) 79.4%, oklch(54.57% 0.1241 239.57) 81.0%, oklch(54.88% 0.1198 236.99) 82.5%, oklch(55.22% 0.1161 234.31) 84.1%, oklch(55.59% 0.1128 231.58) 85.7%, oklch(55.97% 0.1101 228.84) 87.3%, oklch(56.36% 0.1079 226.13) 88.9%, oklch(56.74% 0.1061 223.51) 90.5%, oklch(57.10% 0.1047 221.03) 92.1%, oklch(57.43% 0.1037 218.73) 93.7%, oklch(57.73% 0.1029 216.65) 95.2%, oklch(57.97% 0.1023 214.85) 96.8%, oklch(58.16% 0.1019 213.38) 98.4%, oklch(58.27% 0.1016 212.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.121 | 254.5 |
| 2 | 0.815 | 0.141 | 180.6 |
| 3 | 0.551 | 0.149 | 250.3 |
| 4 | 0.583 | 0.102 | 212.3 |

## In these collections

- [Cool blue](https://grabient.com/cool-blue)

## Other forms

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