# Deep teal water glow

Monochrome black to teal radial gradient with 32 colors: #00070a, #00090c, #000b0f, #000e12, #001216, #00161b, #001a1f, #001f24, #002429, #00292e, #002e33, #003337, #00383c, #003d41, #004246, #00484b, #004e50, #005455, #005a5a, #006160, #006865, #006f6b, #007671, #007f77, #0a887d, #288f83, #3b978a, #4b9e90, #58a595, #64ab9b, #6db09f, #74b4a3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black to teal radial gradient
- Seed: `kUHhmZI5s-z0mPjbmb4g`
- Page: https://grabient.com/kUHhmZI5s-z0mPjbmb4g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.4 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 | `#00070a` | `oklch(11.87% 0.0211 216.41)` | Eight Ball | white, 20.2 to 1 |
| 2 | `#00090c` | `oklch(12.77% 0.0226 215.62)` | Black Knight | white, 20.1 to 1 |
| 3 | `#000b0f` | `oklch(13.91% 0.0245 214.74)` | Black Knight | white, 19.8 to 1 |
| 4 | `#000e12` | `oklch(15.24% 0.0268 213.80)` | Black Knight | white, 19.5 to 1 |
| 5 | `#001216` | `oklch(16.74% 0.0293 212.81)` | Black Glaze | white, 19.1 to 1 |
| 6 | `#00161b` | `oklch(18.37% 0.0320 211.77)` | Creeping Death | white, 18.5 to 1 |
| 7 | `#001a1f` | `oklch(20.10% 0.0349 210.70)` | Creeping Death | white, 17.9 to 1 |
| 8 | `#001f24` | `oklch(21.90% 0.0378 209.59)` | Stellar Explorer | white, 17.1 to 1 |
| 9 | `#002429` | `oklch(23.74% 0.0409 208.45)` | Teal Spill | white, 16.3 to 1 |
| 10 | `#00292e` | `oklch(25.57% 0.0439 207.28)` | Daintree | white, 15.5 to 1 |
| 11 | `#002e33` | `oklch(27.38% 0.0468 206.10)` | Roof Tile Green | white, 14.6 to 1 |
| 12 | `#003337` | `oklch(29.14% 0.0498 204.89)` | Artist Blue | white, 13.7 to 1 |
| 13 | `#00383c` | `oklch(30.93% 0.0527 203.59)` | Customs Green | white, 12.9 to 1 |
| 14 | `#003d41` | `oklch(32.77% 0.0558 202.23)` | Ghostlands Coal | white, 12 to 1 |
| 15 | `#004246` | `oklch(34.63% 0.0589 200.81)` | Warm Black | white, 11.1 to 1 |
| 16 | `#00484b` | `oklch(36.54% 0.0621 199.34)` | Incubi Darkness | white, 10.3 to 1 |
| 17 | `#004e50` | `oklch(38.48% 0.0655 197.84)` | Antique Turquoise | white, 9.5 to 1 |
| 18 | `#005455` | `oklch(40.46% 0.0689 196.32)` | Ice Dark Turquoise | white, 8.7 to 1 |
| 19 | `#005a5a` | `oklch(42.48% 0.0725 194.80)` | Deep Sea Green | white, 7.9 to 1 |
| 20 | `#006160` | `oklch(44.53% 0.0762 193.30)` | Emerald Stone | white, 7.3 to 1 |
| 21 | `#006865` | `oklch(46.62% 0.0801 191.82)` | Chinese Garden | white, 6.6 to 1 |
| 22 | `#006f6b` | `oklch(48.76% 0.0841 190.36)` | Pine Scented Lagoon | white, 6 to 1 |
| 23 | `#007671` | `oklch(51.12% 0.0886 188.83)` | Mermaid Harbour | white, 5.4 to 1 |
| 24 | `#007f77` | `oklch(53.67% 0.0936 187.22)` | Coelia Greenshade | white, 4.8 to 1 |
| 25 | `#0a887d` | `oklch(56.33% 0.0972 185.56)` | Green Ink | black, 4.8 to 1 |
| 26 | `#288f83` | `oklch(59.05% 0.0931 183.89)` | Ocean Liner | black, 5.3 to 1 |
| 27 | `#3b978a` | `oklch(61.74% 0.0886 182.26)` | Temple Guard Blue | black, 5.9 to 1 |
| 28 | `#4b9e90` | `oklch(64.32% 0.0841 180.71)` | Aqua Revival | black, 6.5 to 1 |
| 29 | `#58a595` | `oklch(66.71% 0.0797 179.27)` | Polished Pine | black, 7.2 to 1 |
| 30 | `#64ab9b` | `oklch(68.85% 0.0758 177.99)` | Green Crush | black, 7.8 to 1 |
| 31 | `#6db09f` | `oklch(70.65% 0.0725 176.90)` | Dusty Jade Green | black, 8.3 to 1 |
| 32 | `#74b4a3` | `oklch(72.05% 0.0703 176.06)` | Lenticular Ore | black, 8.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #00070a 0.0%, #00090c 3.2%, #000b0f 6.5%, #000e12 9.7%, #001216 12.9%, #00161b 16.1%, #001a1f 19.4%, #001f24 22.6%, #002429 25.8%, #00292e 29.0%, #002e33 32.3%, #003337 35.5%, #00383c 38.7%, #003d41 41.9%, #004246 45.2%, #00484b 48.4%, #004e50 51.6%, #005455 54.8%, #005a5a 58.1%, #006160 61.3%, #006865 64.5%, #006f6b 67.7%, #007671 71.0%, #007f77 74.2%, #0a887d 77.4%, #288f83 80.6%, #3b978a 83.9%, #4b9e90 87.1%, #58a595 90.3%, #64ab9b 93.5%, #6db09f 96.8%, #74b4a3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(11.87% 0.0211 216.41) 0.0%, oklch(12.77% 0.0226 215.62) 3.2%, oklch(13.91% 0.0245 214.74) 6.5%, oklch(15.24% 0.0268 213.80) 9.7%, oklch(16.74% 0.0293 212.81) 12.9%, oklch(18.37% 0.0320 211.77) 16.1%, oklch(20.10% 0.0349 210.70) 19.4%, oklch(21.90% 0.0378 209.59) 22.6%, oklch(23.74% 0.0409 208.45) 25.8%, oklch(25.57% 0.0439 207.28) 29.0%, oklch(27.38% 0.0468 206.10) 32.3%, oklch(29.14% 0.0498 204.89) 35.5%, oklch(30.93% 0.0527 203.59) 38.7%, oklch(32.77% 0.0558 202.23) 41.9%, oklch(34.63% 0.0589 200.81) 45.2%, oklch(36.54% 0.0621 199.34) 48.4%, oklch(38.48% 0.0655 197.84) 51.6%, oklch(40.46% 0.0689 196.32) 54.8%, oklch(42.48% 0.0725 194.80) 58.1%, oklch(44.53% 0.0762 193.30) 61.3%, oklch(46.62% 0.0801 191.82) 64.5%, oklch(48.76% 0.0841 190.36) 67.7%, oklch(51.12% 0.0886 188.83) 71.0%, oklch(53.67% 0.0936 187.22) 74.2%, oklch(56.33% 0.0972 185.56) 77.4%, oklch(59.05% 0.0931 183.89) 80.6%, oklch(61.74% 0.0886 182.26) 83.9%, oklch(64.32% 0.0841 180.71) 87.1%, oklch(66.71% 0.0797 179.27) 90.3%, oklch(68.85% 0.0758 177.99) 93.5%, oklch(70.65% 0.0725 176.90) 96.8%, oklch(72.05% 0.0703 176.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.034 | 215.2 |
| 2 | 0.28 | 0.074 | 205.6 |
| 3 | 0.48 | 0.105 | 190.9 |
| 4 | 0.72 | 0.07 | 176.1 |

## In these collections

- [Underwater colors](https://grabient.com/underwater-colors)

## Other forms

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