# Turquoise in the Midnight Pool

This radial gradient moves from the center outward through near-black, deep cyan, vivid teal, vivid cyan, deep teal, and near-black. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Analogous navy, teal, blue and black radial gradient
- Seed: `kULSGxSac2tSqxkKB7Rg`
- Page: https://grabient.com/kULSGxSac2tSqxkKB7Rg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8 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 | `#011224` | `oklch(17.72% 0.0455 248.91)` | Kuretake Black Manga | white, 18.8 to 1 |
| 2 | `#00182b` | `oklch(20.15% 0.0492 243.87)` | Oxford by Night | white, 18 to 1 |
| 3 | `#002133` | `oklch(23.45% 0.0512 236.94)` | Midnight Dreams | white, 16.6 to 1 |
| 4 | `#002c3c` | `oklch(27.39% 0.0535 228.11)` | Murky Depths | white, 14.7 to 1 |
| 5 | `#003946` | `oklch(31.80% 0.0573 218.33)` | Natural Indigo | white, 12.5 to 1 |
| 6 | `#004750` | `oklch(36.47% 0.0627 208.16)` | Midnight Green | white, 10.3 to 1 |
| 7 | `#005659` | `oklch(41.22% 0.0701 198.16)` | Deep Teal | white, 8.4 to 1 |
| 8 | `#006560` | `oklch(45.84% 0.0794 188.91)` | Peacock Pride | white, 6.8 to 1 |
| 9 | `#007466` | `oklch(50.15% 0.0904 180.96)` | Northern Hemisphere | white, 5.6 to 1 |
| 10 | `#01816b` | `oklch(53.94% 0.1016 174.90)` | Emperor’s Silk | white, 4.8 to 1 |
| 11 | `#168b6f` | `oklch(57.03% 0.1062 171.27)` | Elf | black, 4.9 to 1 |
| 12 | `#1c9375` | `oklch(59.45% 0.1098 170.75)` | Pool Table | black, 5.5 to 1 |
| 13 | `#189b80` | `oklch(61.79% 0.1132 173.55)` | Paolo Veronese Green | black, 6 to 1 |
| 14 | `#05a38d` | `oklch(64.01% 0.1163 178.97)` | Fishy House | black, 6.6 to 1 |
| 15 | `#00a99d` | `oklch(66.01% 0.1157 186.21)` | Tropical Hideaway | black, 7.1 to 1 |
| 16 | `#00adad` | `oklch(67.69% 0.1156 194.53)` | Greenland Green | black, 7.5 to 1 |
| 17 | `#00b0bb` | `oklch(68.96% 0.1174 203.14)` | Deep Turquoise | black, 7.9 to 1 |
| 18 | `#00b1c8` | `oklch(69.71% 0.1211 211.28)` | Havasupai Falls | black, 8.1 to 1 |
| 19 | `#11b0d1` | `oklch(69.86% 0.1235 218.16)` | Aquarius | black, 8.1 to 1 |
| 20 | `#22acd3` | `oklch(69.30% 0.1222 223.04)` | Battery Charged Blue | black, 7.9 to 1 |
| 21 | `#27a7cf` | `oklch(67.94% 0.1196 225.13)` | Reboot | black, 7.5 to 1 |
| 22 | `#21a0c5` | `oklch(65.63% 0.1156 223.70)` | Major Blue | black, 6.8 to 1 |
| 23 | `#0f95b2` | `oklch(61.84% 0.1092 218.75)` | Bondi Blue | black, 5.9 to 1 |
| 24 | `#008597` | `oklch(56.69% 0.0984 210.96)` | Painted Sea | black, 4.8 to 1 |
| 25 | `#007379` | `oklch(50.53% 0.0859 201.00)` | Scurf Green | white, 5.6 to 1 |
| 26 | `#005f5b` | `oklch(43.70% 0.0756 189.55)` | Mosque | white, 7.5 to 1 |
| 27 | `#004a3e` | `oklch(36.55% 0.0675 177.29)` | Aqua Deep | white, 10.2 to 1 |
| 28 | `#083525` | `oklch(29.41% 0.0559 164.88)` | Coach Green | white, 13.5 to 1 |
| 29 | `#082212` | `oklch(22.63% 0.0448 153.02)` | Clock Chimes Thirteen | white, 16.8 to 1 |
| 30 | `#051205` | `oklch(16.55% 0.0349 142.36)` | Jedi Night | white, 19.1 to 1 |
| 31 | `#030701` | `oklch(11.52% 0.0266 133.59)` | Melanous | white, 20.3 to 1 |
| 32 | `#010200` | `oklch(7.88% 0.0205 127.53)` | Registration Black | white, 20.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #011224 0.0%, #00182b 3.2%, #002133 6.5%, #002c3c 9.7%, #003946 12.9%, #004750 16.1%, #005659 19.4%, #006560 22.6%, #007466 25.8%, #01816b 29.0%, #168b6f 32.3%, #1c9375 35.5%, #189b80 38.7%, #05a38d 41.9%, #00a99d 45.2%, #00adad 48.4%, #00b0bb 51.6%, #00b1c8 54.8%, #11b0d1 58.1%, #22acd3 61.3%, #27a7cf 64.5%, #21a0c5 67.7%, #0f95b2 71.0%, #008597 74.2%, #007379 77.4%, #005f5b 80.6%, #004a3e 83.9%, #083525 87.1%, #082212 90.3%, #051205 93.5%, #030701 96.8%, #010200 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0455 248.91) 0.0%, oklch(20.15% 0.0492 243.87) 3.2%, oklch(23.45% 0.0512 236.94) 6.5%, oklch(27.39% 0.0535 228.11) 9.7%, oklch(31.80% 0.0573 218.33) 12.9%, oklch(36.47% 0.0627 208.16) 16.1%, oklch(41.22% 0.0701 198.16) 19.4%, oklch(45.84% 0.0794 188.91) 22.6%, oklch(50.15% 0.0904 180.96) 25.8%, oklch(53.94% 0.1016 174.90) 29.0%, oklch(57.03% 0.1062 171.27) 32.3%, oklch(59.45% 0.1098 170.75) 35.5%, oklch(61.79% 0.1132 173.55) 38.7%, oklch(64.01% 0.1163 178.97) 41.9%, oklch(66.01% 0.1157 186.21) 45.2%, oklch(67.69% 0.1156 194.53) 48.4%, oklch(68.96% 0.1174 203.14) 51.6%, oklch(69.71% 0.1211 211.28) 54.8%, oklch(69.86% 0.1235 218.16) 58.1%, oklch(69.30% 0.1222 223.04) 61.3%, oklch(67.94% 0.1196 225.13) 64.5%, oklch(65.63% 0.1156 223.70) 67.7%, oklch(61.84% 0.1092 218.75) 71.0%, oklch(56.69% 0.0984 210.96) 74.2%, oklch(50.53% 0.0859 201.00) 77.4%, oklch(43.70% 0.0756 189.55) 80.6%, oklch(36.55% 0.0675 177.29) 83.9%, oklch(29.41% 0.0559 164.88) 87.1%, oklch(22.63% 0.0448 153.02) 90.3%, oklch(16.55% 0.0349 142.36) 93.5%, oklch(11.52% 0.0266 133.59) 96.8%, oklch(7.88% 0.0205 127.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.045 | 248.9 |
| 2 | 0.579 | 0.107 | 170.7 |
| 3 | 0.665 | 0.117 | 224.6 |
| 4 | 0.079 | 0.021 | 127.4 |

## In these collections

- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)

## Other forms

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