# Complementary black, teal and pink radial gradient

Complementary black, teal and pink radial gradient with 32 colors: #143236, #14363b, #143b42, #13424a, #114953, #10515c, #0f5965, #10616c, #136a73, #187379, #207c7f, #288684, #318e89, #3a968e, #429f93, #4aa699, #53ae9e, #5db5a3, #68bba6, #75c0a7, #84c3a8, #93c6aa, #a1c7ad, #aec8b0, #b8c9b2, #c0cab2, #c8c9af, #d2c6ab, #dcc2a9, #e5bdac, #e9b9b3, #ebb7ba. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYSxqVNxnAEyfvVenz4aIy6ukWMm`
- Page: https://grabient.com/kYSxqVNxnAEyfvVenz4aIy6ukWMm?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.1 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 | `#143236` | `oklch(29.53% 0.0358 209.53)` | Elite Teal | white, 13.6 to 1 |
| 2 | `#14363b` | `oklch(30.93% 0.0396 209.90)` | Firmament Blue | white, 13 to 1 |
| 3 | `#143b42` | `oklch(32.84% 0.0450 210.61)` | Ghostlands Coal | white, 12 to 1 |
| 4 | `#13424a` | `oklch(35.12% 0.0514 211.38)` | Cold and Dark | white, 11 to 1 |
| 5 | `#114953` | `oklch(37.63% 0.0580 211.89)` | Midnight Green | white, 9.9 to 1 |
| 6 | `#10515c` | `oklch(40.23% 0.0642 211.83)` | Genetic Code | white, 8.8 to 1 |
| 7 | `#0f5965` | `oklch(42.81% 0.0694 210.90)` | Baltic Trench | white, 7.9 to 1 |
| 8 | `#10616c` | `oklch(45.36% 0.0734 208.82)` | Blue Lagoon | white, 7.1 to 1 |
| 9 | `#136a73` | `oklch(48.07% 0.0769 205.66)` | Toadstool Teal | white, 6.2 to 1 |
| 10 | `#187379` | `oklch(50.89% 0.0800 201.79)` | Scurf Green | white, 5.5 to 1 |
| 11 | `#207c7f` | `oklch(53.74% 0.0825 197.59)` | Jade Jewel | white, 4.9 to 1 |
| 12 | `#288684` | `oklch(56.54% 0.0846 193.44)` | Bayou | black, 4.8 to 1 |
| 13 | `#318e89` | `oklch(59.22% 0.0863 189.69)` | Taos Turquoise | black, 5.3 to 1 |
| 14 | `#3a968e` | `oklch(61.74% 0.0876 186.73)` | Azure Tide | black, 5.9 to 1 |
| 15 | `#429f93` | `oklch(64.25% 0.0890 184.56)` | Baltic Green | black, 6.5 to 1 |
| 16 | `#4aa699` | `oklch(66.70% 0.0900 182.76)` | Jewel Weed | black, 7.2 to 1 |
| 17 | `#53ae9e` | `oklch(69.05% 0.0904 180.89)` | Water Park | black, 7.9 to 1 |
| 18 | `#5db5a3` | `oklch(71.27% 0.0898 178.51)` | Shylock | black, 8.5 to 1 |
| 19 | `#68bba6` | `oklch(73.30% 0.0876 175.18)` | Bath Turquoise | black, 9.2 to 1 |
| 20 | `#75c0a7` | `oklch(75.11% 0.0834 170.62)` | Blue Energy | black, 9.8 to 1 |
| 21 | `#84c3a8` | `oklch(76.76% 0.0758 165.83)` | Gauss Blaster Green | black, 10.3 to 1 |
| 22 | `#93c6aa` | `oklch(78.26% 0.0658 160.64)` | Spearmint Frosting | black, 10.8 to 1 |
| 23 | `#a1c7ad` | `oklch(79.59% 0.0550 154.54)` | Lobaria Lichen | black, 11.3 to 1 |
| 24 | `#aec8b0` | `oklch(80.73% 0.0451 147.00)` | Gum Leaf | black, 11.7 to 1 |
| 25 | `#b8c9b2` | `oklch(81.68% 0.0376 137.51)` | Healing Aloe | black, 12 to 1 |
| 26 | `#c0cab2` | `oklch(82.41% 0.0341 125.48)` | Green Dragon Spring | black, 12.3 to 1 |
| 27 | `#c8c9af` | `oklch(82.84% 0.0351 108.74)` | Spring Hill | black, 12.4 to 1 |
| 28 | `#d2c6ab` | `oklch(82.99% 0.0391 88.18)` | Brown Bread | black, 12.4 to 1 |
| 29 | `#dcc2a9` | `oklch(82.96% 0.0450 66.11)` | Old Bone | black, 12.3 to 1 |
| 30 | `#e5bdac` | `oklch(82.84% 0.0514 44.86)` | Orangery | black, 12.1 to 1 |
| 31 | `#e9b9b3` | `oklch(82.72% 0.0571 26.73)` | Noble Blush | black, 12 to 1 |
| 32 | `#ebb7ba` | `oklch(82.68% 0.0606 14.03)` | Summer Cocktails | black, 12 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #143236 0.0%, #14363b 3.2%, #143b42 6.5%, #13424a 9.7%, #114953 12.9%, #10515c 16.1%, #0f5965 19.4%, #10616c 22.6%, #136a73 25.8%, #187379 29.0%, #207c7f 32.3%, #288684 35.5%, #318e89 38.7%, #3a968e 41.9%, #429f93 45.2%, #4aa699 48.4%, #53ae9e 51.6%, #5db5a3 54.8%, #68bba6 58.1%, #75c0a7 61.3%, #84c3a8 64.5%, #93c6aa 67.7%, #a1c7ad 71.0%, #aec8b0 74.2%, #b8c9b2 77.4%, #c0cab2 80.6%, #c8c9af 83.9%, #d2c6ab 87.1%, #dcc2a9 90.3%, #e5bdac 93.5%, #e9b9b3 96.8%, #ebb7ba 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.53% 0.0358 209.53) 0.0%, oklch(30.93% 0.0396 209.90) 3.2%, oklch(32.84% 0.0450 210.61) 6.5%, oklch(35.12% 0.0514 211.38) 9.7%, oklch(37.63% 0.0580 211.89) 12.9%, oklch(40.23% 0.0642 211.83) 16.1%, oklch(42.81% 0.0694 210.90) 19.4%, oklch(45.36% 0.0734 208.82) 22.6%, oklch(48.07% 0.0769 205.66) 25.8%, oklch(50.89% 0.0800 201.79) 29.0%, oklch(53.74% 0.0825 197.59) 32.3%, oklch(56.54% 0.0846 193.44) 35.5%, oklch(59.22% 0.0863 189.69) 38.7%, oklch(61.74% 0.0876 186.73) 41.9%, oklch(64.25% 0.0890 184.56) 45.2%, oklch(66.70% 0.0900 182.76) 48.4%, oklch(69.05% 0.0904 180.89) 51.6%, oklch(71.27% 0.0898 178.51) 54.8%, oklch(73.30% 0.0876 175.18) 58.1%, oklch(75.11% 0.0834 170.62) 61.3%, oklch(76.76% 0.0758 165.83) 64.5%, oklch(78.26% 0.0658 160.64) 67.7%, oklch(79.59% 0.0550 154.54) 71.0%, oklch(80.73% 0.0451 147.00) 74.2%, oklch(81.68% 0.0376 137.51) 77.4%, oklch(82.41% 0.0341 125.48) 80.6%, oklch(82.84% 0.0351 108.74) 83.9%, oklch(82.99% 0.0391 88.18) 87.1%, oklch(82.96% 0.0450 66.11) 90.3%, oklch(82.84% 0.0514 44.86) 93.5%, oklch(82.72% 0.0571 26.73) 96.8%, oklch(82.68% 0.0606 14.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.036 | 209.5 |
| 2 | 0.433 | 0.07 | 210.6 |
| 3 | 0.602 | 0.087 | 188.4 |
| 4 | 0.744 | 0.085 | 172.5 |
| 5 | 0.823 | 0.034 | 128.2 |
| 6 | 0.827 | 0.061 | 14 |

## In these collections

- [Waratah bushland bloom](https://grabient.com/waratah-bushland-bloom)
- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)

## Other forms

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