# Teal deep blue blue rings

Cool light blue, teal, blue and cyan linear gradient with 48 colors: #5fc7c4, #58bebf, #4fb1b8, #45a2af, #3c91a4, #358097, #2f6f8a, #29617d, #245472, #1f4c69, #1a4763, #14465f, #0d475d, #044a5b, #004d5a, #005158, #005557, #015855, #025954, #005853, #005452, #004d50, #00444d, #003b4a, #003248, #002b48, #03254b, #0c234c, #132552, #182e5d, #1c3e70, #1e5487, #1b6fa0, #118eb8, #07adcd, #15cade, #2de4ea, #42f7f3, #6dfff7, #8efff8, #87fffb, #6dfdff, #67f5ff, #59ecff, #4ae2ff, #3cd9ff, #3ad1fe, #3dccfc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Cool light blue, teal, blue and cyan linear gradient
- Seed: `kYw0aJMZlFjUauakH0kc7O3OSxRA`
- Page: https://grabient.com/kYw0aJMZlFjUauakH0kc7O3OSxRA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 13 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 | `#5fc7c4` | `oklch(76.77% 0.0965 192.66)` | Chinese Lacquer | black, 10.4 to 1 |
| 2 | `#58bebf` | `oklch(74.15% 0.0945 196.20)` | Pharaoh’s Seas | black, 9.5 to 1 |
| 3 | `#4fb1b8` | `oklch(70.50% 0.0918 201.43)` | Thalassa | black, 8.3 to 1 |
| 4 | `#45a2af` | `oklch(66.10% 0.0886 207.80)` | Teal Essence | black, 7 to 1 |
| 5 | `#3c91a4` | `oklch(61.23% 0.0850 214.77)` | Winter Time | black, 5.7 to 1 |
| 6 | `#358097` | `oklch(56.18% 0.0813 221.83)` | Forget-Me-Not Blue | black, 4.6 to 1 |
| 7 | `#2f6f8a` | `oklch(51.24% 0.0777 228.42)` | Astral | white, 5.5 to 1 |
| 8 | `#29617d` | `oklch(46.67% 0.0744 234.02)` | Berry Blue | white, 6.8 to 1 |
| 9 | `#245472` | `oklch(42.77% 0.0716 238.09)` | Midnight Sonata | white, 8 to 1 |
| 10 | `#1f4c69` | `oklch(39.83% 0.0695 240.10)` | Seafarer | white, 9.1 to 1 |
| 11 | `#1a4763` | `oklch(38.05% 0.0683 239.40)` | Dark Slate Blue | white, 9.8 to 1 |
| 12 | `#14465f` | `oklch(37.26% 0.0676 235.54)` | Sailor Blue | white, 10.1 to 1 |
| 13 | `#0d475d` | `oklch(37.25% 0.0675 229.26)` | Sultan’s Silk | white, 10.1 to 1 |
| 14 | `#044a5b` | `oklch(37.81% 0.0678 221.41)` | Nocturnal Expedition | white, 9.8 to 1 |
| 15 | `#004d5a` | `oklch(38.73% 0.0677 212.84)` | Watercolour Blue | white, 9.4 to 1 |
| 16 | `#005158` | `oklch(39.81% 0.0679 204.31)` | Cathedral View | white, 9 to 1 |
| 17 | `#005557` | `oklch(40.84% 0.0695 196.70)` | Ice Dark Turquoise | white, 8.5 to 1 |
| 18 | `#015855` | `oklch(41.61% 0.0713 190.84)` | Deep Sea Green | white, 8.2 to 1 |
| 19 | `#025954` | `oklch(41.94% 0.0723 187.57)` | Baltic Prince | white, 8.1 to 1 |
| 20 | `#005853` | `oklch(41.60% 0.0724 187.72)` | Castleton Green | white, 8.2 to 1 |
| 21 | `#005452` | `oklch(40.27% 0.0691 191.98)` | Pacific Storm | white, 8.7 to 1 |
| 22 | `#004d50` | `oklch(38.12% 0.0648 199.69)` | Dark Teal | white, 9.6 to 1 |
| 23 | `#00444d` | `oklch(35.47% 0.0613 209.82)` | Incubi Darkness | white, 10.8 to 1 |
| 24 | `#003b4a` | `oklch(32.67% 0.0601 221.37)` | Ghostlands Coal | white, 12.1 to 1 |
| 25 | `#003248` | `oklch(30.03% 0.0623 233.31)` | Cosmos Blue | white, 13.4 to 1 |
| 26 | `#002b48` | `oklch(27.91% 0.0697 244.62)` | Royal Blue Metallic | white, 14.5 to 1 |
| 27 | `#03254b` | `oklch(26.60% 0.0793 254.11)` | Oxford Blue | white, 15.3 to 1 |
| 28 | `#0c234c` | `oklch(26.48% 0.0816 261.08)` | Dark Eclipse | white, 15.4 to 1 |
| 29 | `#132552` | `oklch(27.86% 0.0847 264.39)` | Dark Soul | white, 14.8 to 1 |
| 30 | `#182e5d` | `oklch(31.21% 0.0889 263.24)` | Ending Navy Blue | white, 13.2 to 1 |
| 31 | `#1c3e70` | `oklch(36.68% 0.0944 258.19)` | Aegean Blue | white, 10.6 to 1 |
| 32 | `#1e5487` | `oklch(43.73% 0.1010 250.19)` | Frank Blue | white, 7.8 to 1 |
| 33 | `#1b6fa0` | `oklch(51.82% 0.1082 240.15)` | Cat’s Purr | white, 5.4 to 1 |
| 34 | `#118eb8` | `oklch(60.41% 0.1156 229.04)` | Hawaiian Ocean | black, 5.5 to 1 |
| 35 | `#07adcd` | `oklch(68.96% 0.1229 217.78)` | Ball Blue | black, 7.8 to 1 |
| 36 | `#15cade` | `oklch(76.91% 0.1297 207.31)` | Picnic Day Sky | black, 10.5 to 1 |
| 37 | `#2de4ea` | `oklch(83.74% 0.1355 198.57)` | Blue Dacnis | black, 13.3 to 1 |
| 38 | `#42f7f3` | `oklch(88.89% 0.1400 192.51)` | Frozen State | black, 15.8 to 1 |
| 39 | `#6dfff7` | `oklch(91.88% 0.1256 189.94)` | Moonglade Water | black, 17.2 to 1 |
| 40 | `#8efff8` | `oklch(93.09% 0.1048 190.20)` | Glitter Shower | black, 17.8 to 1 |
| 41 | `#87fffb` | `oklch(92.91% 0.1091 192.60)` | Glitter Shower | black, 17.7 to 1 |
| 42 | `#6dfdff` | `oklch(91.66% 0.1231 196.59)` | Ancient Ice | black, 17.1 to 1 |
| 43 | `#67f5ff` | `oklch(89.65% 0.1224 201.68)` | Frozen Turquoise | black, 16 to 1 |
| 44 | `#59ecff` | `oklch(87.20% 0.1254 207.36)` | Bioluminescence | black, 14.8 to 1 |
| 45 | `#4ae2ff` | `oklch(84.61% 0.1301 213.08)` | Ionized-Air Glow | black, 13.6 to 1 |
| 46 | `#3cd9ff` | `oklch(82.19% 0.1350 218.35)` | Berta Blue | black, 12.5 to 1 |
| 47 | `#3ad1fe` | `oklch(80.26% 0.1358 222.64)` | Thor’s Thunder | black, 11.7 to 1 |
| 48 | `#3dccfc` | `oklch(79.13% 0.1350 225.42)` | Thor’s Thunder | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5fc7c4 0.0%, #58bebf 2.1%, #4fb1b8 4.3%, #45a2af 6.4%, #3c91a4 8.5%, #358097 10.6%, #2f6f8a 12.8%, #29617d 14.9%, #245472 17.0%, #1f4c69 19.1%, #1a4763 21.3%, #14465f 23.4%, #0d475d 25.5%, #044a5b 27.7%, #004d5a 29.8%, #005158 31.9%, #005557 34.0%, #015855 36.2%, #025954 38.3%, #005853 40.4%, #005452 42.6%, #004d50 44.7%, #00444d 46.8%, #003b4a 48.9%, #003248 51.1%, #002b48 53.2%, #03254b 55.3%, #0c234c 57.4%, #132552 59.6%, #182e5d 61.7%, #1c3e70 63.8%, #1e5487 66.0%, #1b6fa0 68.1%, #118eb8 70.2%, #07adcd 72.3%, #15cade 74.5%, #2de4ea 76.6%, #42f7f3 78.7%, #6dfff7 80.9%, #8efff8 83.0%, #87fffb 85.1%, #6dfdff 87.2%, #67f5ff 89.4%, #59ecff 91.5%, #4ae2ff 93.6%, #3cd9ff 95.7%, #3ad1fe 97.9%, #3dccfc 100.0%);
background: linear-gradient(135deg in oklch, oklch(76.77% 0.0965 192.66) 0.0%, oklch(74.15% 0.0945 196.20) 2.1%, oklch(70.50% 0.0918 201.43) 4.3%, oklch(66.10% 0.0886 207.80) 6.4%, oklch(61.23% 0.0850 214.77) 8.5%, oklch(56.18% 0.0813 221.83) 10.6%, oklch(51.24% 0.0777 228.42) 12.8%, oklch(46.67% 0.0744 234.02) 14.9%, oklch(42.77% 0.0716 238.09) 17.0%, oklch(39.83% 0.0695 240.10) 19.1%, oklch(38.05% 0.0683 239.40) 21.3%, oklch(37.26% 0.0676 235.54) 23.4%, oklch(37.25% 0.0675 229.26) 25.5%, oklch(37.81% 0.0678 221.41) 27.7%, oklch(38.73% 0.0677 212.84) 29.8%, oklch(39.81% 0.0679 204.31) 31.9%, oklch(40.84% 0.0695 196.70) 34.0%, oklch(41.61% 0.0713 190.84) 36.2%, oklch(41.94% 0.0723 187.57) 38.3%, oklch(41.60% 0.0724 187.72) 40.4%, oklch(40.27% 0.0691 191.98) 42.6%, oklch(38.12% 0.0648 199.69) 44.7%, oklch(35.47% 0.0613 209.82) 46.8%, oklch(32.67% 0.0601 221.37) 48.9%, oklch(30.03% 0.0623 233.31) 51.1%, oklch(27.91% 0.0697 244.62) 53.2%, oklch(26.60% 0.0793 254.11) 55.3%, oklch(26.48% 0.0816 261.08) 57.4%, oklch(27.86% 0.0847 264.39) 59.6%, oklch(31.21% 0.0889 263.24) 61.7%, oklch(36.68% 0.0944 258.19) 63.8%, oklch(43.73% 0.1010 250.19) 66.0%, oklch(51.82% 0.1082 240.15) 68.1%, oklch(60.41% 0.1156 229.04) 70.2%, oklch(68.96% 0.1229 217.78) 72.3%, oklch(76.91% 0.1297 207.31) 74.5%, oklch(83.74% 0.1355 198.57) 76.6%, oklch(88.89% 0.1400 192.51) 78.7%, oklch(91.88% 0.1256 189.94) 80.9%, oklch(93.09% 0.1048 190.20) 83.0%, oklch(92.91% 0.1091 192.60) 85.1%, oklch(91.66% 0.1231 196.59) 87.2%, oklch(89.65% 0.1224 201.68) 89.4%, oklch(87.20% 0.1254 207.36) 91.5%, oklch(84.61% 0.1301 213.08) 93.6%, oklch(82.19% 0.1350 218.35) 95.7%, oklch(80.26% 0.1358 222.64) 97.9%, oklch(79.13% 0.1350 225.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.096 | 192.7 |
| 2 | 0.39 | 0.069 | 240.2 |
| 3 | 0.417 | 0.073 | 187.4 |
| 4 | 0.283 | 0.085 | 264.5 |
| 5 | 0.909 | 0.142 | 190.5 |
| 6 | 0.791 | 0.135 | 225.4 |

## In these collections

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

## Other forms

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