# Analogous black, teal and blue radial swatches

Analogous black, teal and blue radial swatches with 48 colors: #001616, #001919, #001d1d, #002121, #002627, #002c2d, #003334, #00393b, #004143, #00494b, #005154, #00595d, #006166, #006a6f, #007278, #007a81, #00818a, #008892, #008f9a, #0094a0, #0099a6, #009dab, #00a0af, #00a1b1, #00a1b2, #00a0b2, #009eb0, #009bad, #0096a9, #0091a3, #008b9e, #008497, #007d90, #007688, #006e80, #006677, #005f6f, #005766, #004f5e, #004856, #00414e, #003a46, #00343f, #002e39, #002933, #00252e, #00222a, #001f27. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSLhmK0q9BZwQwU`
- Page: https://grabient.com/kSLhmK0q9BZwQwU?style=radialSwatches&steps=48&angle=0
- Drawn as: radial swatches, 48 steps, 0 degrees
- Kinds: light center, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 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 | `#001616` | `oklch(18.14% 0.0310 194.80)` | Black Glaze | white, 18.6 to 1 |
| 2 | `#001919` | `oklch(19.29% 0.0329 195.09)` | Black Stallion | white, 18.2 to 1 |
| 3 | `#001d1d` | `oklch(20.75% 0.0354 195.43)` | Stellar Explorer | white, 17.6 to 1 |
| 4 | `#002121` | `oklch(22.47% 0.0383 195.80)` | Stellar Explorer | white, 16.9 to 1 |
| 5 | `#002627` | `oklch(24.43% 0.0416 196.22)` | Teal Spill | white, 16 to 1 |
| 6 | `#002c2d` | `oklch(26.60% 0.0453 196.67)` | Black Chasm | white, 15 to 1 |
| 7 | `#003334` | `oklch(28.94% 0.0493 197.15)` | Nora’s Forest | white, 13.8 to 1 |
| 8 | `#00393b` | `oklch(31.43% 0.0535 197.66)` | Customs Green | white, 12.6 to 1 |
| 9 | `#004143` | `oklch(34.03% 0.0579 198.20)` | Warm Black | white, 11.4 to 1 |
| 10 | `#00494b` | `oklch(36.71% 0.0624 198.76)` | Sherpa Blue | white, 10.2 to 1 |
| 11 | `#005154` | `oklch(39.43% 0.0670 199.34)` | Wool Turquoise | white, 9.1 to 1 |
| 12 | `#00595d` | `oklch(42.17% 0.0717 199.93)` | Deep Sea Green | white, 8.1 to 1 |
| 13 | `#006166` | `oklch(44.90% 0.0763 200.54)` | Beau Vert | white, 7.2 to 1 |
| 14 | `#006a6f` | `oklch(47.58% 0.0809 201.16)` | Deep Lake | white, 6.4 to 1 |
| 15 | `#007278` | `oklch(50.18% 0.0854 201.79)` | Essential Teal | white, 5.7 to 1 |
| 16 | `#007a81` | `oklch(52.68% 0.0897 202.41)` | Mediterranean Cove | white, 5.1 to 1 |
| 17 | `#00818a` | `oklch(55.03% 0.0937 203.04)` | Go Alpha | white, 4.6 to 1 |
| 18 | `#008892` | `oklch(57.20% 0.0975 203.67)` | Tuscana Blue | black, 4.9 to 1 |
| 19 | `#008f9a` | `oklch(59.18% 0.1009 204.29)` | Coral Coast | black, 5.3 to 1 |
| 20 | `#0094a0` | `oklch(60.92% 0.1040 204.90)` | Jaded | black, 5.7 to 1 |
| 21 | `#0099a6` | `oklch(62.38% 0.1066 205.50)` | Turkish Boy | black, 6.1 to 1 |
| 22 | `#009dab` | `oklch(63.55% 0.1088 206.08)` | Lake Blue | black, 6.4 to 1 |
| 23 | `#00a0af` | `oklch(64.39% 0.1103 206.65)` | Breaking Wave | black, 6.6 to 1 |
| 24 | `#00a1b1` | `oklch(64.87% 0.1113 207.19)` | Breaking Wave | black, 6.7 to 1 |
| 25 | `#00a1b2` | `oklch(64.95% 0.1116 207.71)` | Breaking Wave | black, 6.7 to 1 |
| 26 | `#00a0b2` | `oklch(64.65% 0.1112 208.25)` | Breaking Wave | black, 6.6 to 1 |
| 27 | `#009eb0` | `oklch(63.99% 0.1103 208.79)` | Lake Blue | black, 6.5 to 1 |
| 28 | `#009bad` | `oklch(63.01% 0.1087 209.35)` | Aquarium Diver | black, 6.2 to 1 |
| 29 | `#0096a9` | `oklch(61.73% 0.1067 209.92)` | Brilliant | black, 5.9 to 1 |
| 30 | `#0091a3` | `oklch(60.18% 0.1043 210.49)` | Oasis | black, 5.5 to 1 |
| 31 | `#008b9e` | `oklch(58.40% 0.1014 211.07)` | Parrot Flight | black, 5.1 to 1 |
| 32 | `#008497` | `oklch(56.42% 0.0982 211.65)` | Cruising | black, 4.7 to 1 |
| 33 | `#007d90` | `oklch(54.26% 0.0946 212.23)` | Pagoda | white, 4.8 to 1 |
| 34 | `#007688` | `oklch(51.97% 0.0909 212.80)` | Glamour Green | white, 5.3 to 1 |
| 35 | `#006e80` | `oklch(49.56% 0.0869 213.37)` | Crystal Teal | white, 5.9 to 1 |
| 36 | `#006677` | `oklch(47.07% 0.0827 213.93)` | Atlantis Myth | white, 6.5 to 1 |
| 37 | `#005f6f` | `oklch(44.53% 0.0785 214.48)` | Cool Dive | white, 7.3 to 1 |
| 38 | `#005766` | `oklch(41.97% 0.0741 215.02)` | Abyssal Waters | white, 8.2 to 1 |
| 39 | `#004f5e` | `oklch(39.42% 0.0698 215.55)` | Sandalwood Grey Blue | white, 9.1 to 1 |
| 40 | `#004856` | `oklch(36.92% 0.0656 216.06)` | Midnight Green | white, 10.2 to 1 |
| 41 | `#00414e` | `oklch(34.48% 0.0614 216.55)` | Cold and Dark | white, 11.3 to 1 |
| 42 | `#003a46` | `oklch(32.15% 0.0574 217.02)` | Natural Indigo | white, 12.3 to 1 |
| 43 | `#00343f` | `oklch(29.96% 0.0537 217.47)` | Artist Blue | white, 13.4 to 1 |
| 44 | `#002e39` | `oklch(27.93% 0.0501 217.89)` | Black Chasm | white, 14.4 to 1 |
| 45 | `#002933` | `oklch(26.09% 0.0470 218.29)` | Daintree | white, 15.3 to 1 |
| 46 | `#00252e` | `oklch(24.48% 0.0442 218.66)` | Daintree | white, 16 to 1 |
| 47 | `#00222a` | `oklch(23.13% 0.0418 218.99)` | Teal Spill | white, 16.6 to 1 |
| 48 | `#001f27` | `oklch(22.07% 0.0400 219.29)` | Stellar Explorer | white, 17.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001616 0.000% 2.083%, #001919 2.083% 4.167%, #001d1d 4.167% 6.250%, #002121 6.250% 8.333%, #002627 8.333% 10.417%, #002c2d 10.417% 12.500%, #003334 12.500% 14.583%, #00393b 14.583% 16.667%, #004143 16.667% 18.750%, #00494b 18.750% 20.833%, #005154 20.833% 22.917%, #00595d 22.917% 25.000%, #006166 25.000% 27.083%, #006a6f 27.083% 29.167%, #007278 29.167% 31.250%, #007a81 31.250% 33.333%, #00818a 33.333% 35.417%, #008892 35.417% 37.500%, #008f9a 37.500% 39.583%, #0094a0 39.583% 41.667%, #0099a6 41.667% 43.750%, #009dab 43.750% 45.833%, #00a0af 45.833% 47.917%, #00a1b1 47.917% 50.000%, #00a1b2 50.000% 52.083%, #00a0b2 52.083% 54.167%, #009eb0 54.167% 56.250%, #009bad 56.250% 58.333%, #0096a9 58.333% 60.417%, #0091a3 60.417% 62.500%, #008b9e 62.500% 64.583%, #008497 64.583% 66.667%, #007d90 66.667% 68.750%, #007688 68.750% 70.833%, #006e80 70.833% 72.917%, #006677 72.917% 75.000%, #005f6f 75.000% 77.083%, #005766 77.083% 79.167%, #004f5e 79.167% 81.250%, #004856 81.250% 83.333%, #00414e 83.333% 85.417%, #003a46 85.417% 87.500%, #00343f 87.500% 89.583%, #002e39 89.583% 91.667%, #002933 91.667% 93.750%, #00252e 93.750% 95.833%, #00222a 95.833% 97.917%, #001f27 97.917% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(18.14% 0.0310 194.80) 0.000% 2.083%, oklch(19.29% 0.0329 195.09) 2.083% 4.167%, oklch(20.75% 0.0354 195.43) 4.167% 6.250%, oklch(22.47% 0.0383 195.80) 6.250% 8.333%, oklch(24.43% 0.0416 196.22) 8.333% 10.417%, oklch(26.60% 0.0453 196.67) 10.417% 12.500%, oklch(28.94% 0.0493 197.15) 12.500% 14.583%, oklch(31.43% 0.0535 197.66) 14.583% 16.667%, oklch(34.03% 0.0579 198.20) 16.667% 18.750%, oklch(36.71% 0.0624 198.76) 18.750% 20.833%, oklch(39.43% 0.0670 199.34) 20.833% 22.917%, oklch(42.17% 0.0717 199.93) 22.917% 25.000%, oklch(44.90% 0.0763 200.54) 25.000% 27.083%, oklch(47.58% 0.0809 201.16) 27.083% 29.167%, oklch(50.18% 0.0854 201.79) 29.167% 31.250%, oklch(52.68% 0.0897 202.41) 31.250% 33.333%, oklch(55.03% 0.0937 203.04) 33.333% 35.417%, oklch(57.20% 0.0975 203.67) 35.417% 37.500%, oklch(59.18% 0.1009 204.29) 37.500% 39.583%, oklch(60.92% 0.1040 204.90) 39.583% 41.667%, oklch(62.38% 0.1066 205.50) 41.667% 43.750%, oklch(63.55% 0.1088 206.08) 43.750% 45.833%, oklch(64.39% 0.1103 206.65) 45.833% 47.917%, oklch(64.87% 0.1113 207.19) 47.917% 50.000%, oklch(64.95% 0.1116 207.71) 50.000% 52.083%, oklch(64.65% 0.1112 208.25) 52.083% 54.167%, oklch(63.99% 0.1103 208.79) 54.167% 56.250%, oklch(63.01% 0.1087 209.35) 56.250% 58.333%, oklch(61.73% 0.1067 209.92) 58.333% 60.417%, oklch(60.18% 0.1043 210.49) 60.417% 62.500%, oklch(58.40% 0.1014 211.07) 62.500% 64.583%, oklch(56.42% 0.0982 211.65) 64.583% 66.667%, oklch(54.26% 0.0946 212.23) 66.667% 68.750%, oklch(51.97% 0.0909 212.80) 68.750% 70.833%, oklch(49.56% 0.0869 213.37) 70.833% 72.917%, oklch(47.07% 0.0827 213.93) 72.917% 75.000%, oklch(44.53% 0.0785 214.48) 75.000% 77.083%, oklch(41.97% 0.0741 215.02) 77.083% 79.167%, oklch(39.42% 0.0698 215.55) 79.167% 81.250%, oklch(36.92% 0.0656 216.06) 81.250% 83.333%, oklch(34.48% 0.0614 216.55) 83.333% 85.417%, oklch(32.15% 0.0574 217.02) 85.417% 87.500%, oklch(29.96% 0.0537 217.47) 87.500% 89.583%, oklch(27.93% 0.0501 217.89) 89.583% 91.667%, oklch(26.09% 0.0470 218.29) 91.667% 93.750%, oklch(24.48% 0.0442 218.66) 93.750% 95.833%, oklch(23.13% 0.0418 218.99) 95.833% 97.917%, oklch(22.07% 0.0400 219.29) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.034 | 194.8 |
| 2 | 0.65 | 0.13 | 207.4 |
| 3 | 0.22 | 0.045 | 219.1 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Deep sea gradients](https://grabient.com/deep-sea-gradients)
- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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