# Deep cyan and rose pink and teal

The Deep cyan and rose pink and teal brings together teal, light green, light red, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light green.

- Also called: Complementary teal, gray and magenta linear gradient
- Seed: `kaczqRyyO-90qPvuir165KuVo7PnIxz9g`
- Page: https://grabient.com/kaczqRyyO-90qPvuir165KuVo7PnIxz9g?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.9 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 | `#00626a` | `oklch(45.28% 0.0773 204.62)` | Turkish Aqua | white, 7 to 1 |
| 2 | `#00686f` | `oklch(47.07% 0.0802 203.52)` | Tahitian Treat | white, 6.5 to 1 |
| 3 | `#007076` | `oklch(49.59% 0.0844 201.96)` | Active Turquoise | white, 5.8 to 1 |
| 4 | `#007a7f` | `oklch(52.55% 0.0893 200.14)` | Tobernite | white, 5.1 to 1 |
| 5 | `#078487` | `oklch(55.64% 0.0934 198.23)` | Milky Aquamarine | black, 4.6 to 1 |
| 6 | `#0f8e8f` | `oklch(58.60% 0.0972 196.43)` | Forever Teal | black, 5.2 to 1 |
| 7 | `#119797` | `oklch(61.32% 0.1019 194.93)` | Regula Barbara Blue | black, 5.8 to 1 |
| 8 | `#08a19f` | `oklch(64.07% 0.1084 193.67)` | Aqua Velvet | black, 6.5 to 1 |
| 9 | `#00aaa7` | `oklch(66.83% 0.1146 192.38)` | Jade Orchid | black, 7.3 to 1 |
| 10 | `#0bb4ae` | `oklch(69.59% 0.1186 190.78)` | Glass Jar Blue | black, 8.1 to 1 |
| 11 | `#29bdb4` | `oklch(72.32% 0.1175 188.60)` | Magnetic Magic | black, 9 to 1 |
| 12 | `#4ac5b9` | `oklch(75.14% 0.1089 186.52)` | Treasured Teal | black, 9.9 to 1 |
| 13 | `#6dccc1` | `oklch(78.27% 0.0917 186.33)` | Skylar | black, 11 to 1 |
| 14 | `#8dd1c9` | `oklch(81.40% 0.0703 185.80)` | Electro Chill | black, 12.1 to 1 |
| 15 | `#a8d6ce` | `oklch(84.20% 0.0493 182.43)` | Sinbad | black, 13.2 to 1 |
| 16 | `#bddad0` | `oklch(86.31% 0.0335 173.71)` | Serene Breeze | black, 14 to 1 |
| 17 | `#c8dbcf` | `oklch(87.46% 0.0264 156.62)` | Tenderness | black, 14.5 to 1 |
| 18 | `#d2dac9` | `oklch(87.84% 0.0247 128.58)` | Ottoman | black, 14.6 to 1 |
| 19 | `#dcd6c3` | `oklch(87.60% 0.0272 94.47)` | Crêpe Papier | black, 14.4 to 1 |
| 20 | `#e5cfbe` | `oklch(86.82% 0.0334 60.05)` | Ice Cream Cone | black, 14 to 1 |
| 21 | `#ebc6bf` | `oklch(85.63% 0.0430 31.05)` | Snow Pink | black, 13.3 to 1 |
| 22 | `#edbdc0` | `oklch(84.08% 0.0558 12.88)` | Blush Rush | black, 12.6 to 1 |
| 23 | `#efb0be` | `oklch(81.90% 0.0754 4.40)` | Fallen Blossoms | black, 11.6 to 1 |
| 24 | `#f1a0b6` | `oklch(79.20% 0.0997 2.11)` | Emperor’s Children | black, 10.4 to 1 |
| 25 | `#f38faa` | `oklch(76.22% 0.1252 3.22)` | Astilbe | black, 9.3 to 1 |
| 26 | `#f47d9c` | `oklch(73.21% 0.1481 4.96)` | Pink Sherbet | black, 8.2 to 1 |
| 27 | `#f16e93` | `oklch(70.41% 0.1649 4.62)` | Out of Fashion | black, 7.3 to 1 |
| 28 | `#eb5f8c` | `oklch(67.48% 0.1760 3.27)` | Watermelon Juice | black, 6.5 to 1 |
| 29 | `#e25284` | `oklch(64.38% 0.1837 2.30)` | Fandango Pink | black, 5.7 to 1 |
| 30 | `#d9457c` | `oklch(61.42% 0.1889 1.60)` | Pickled Pink | black, 5 to 1 |
| 31 | `#d13a76` | `oklch(58.89% 0.1925 1.08)` | Qermez Red | white, 4.5 to 1 |
| 32 | `#cc3171` | `oklch(57.09% 0.1957 0.66)` | Magentarama | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(270deg, #00626a 0.0%, #00686f 3.2%, #007076 6.5%, #007a7f 9.7%, #078487 12.9%, #0f8e8f 16.1%, #119797 19.4%, #08a19f 22.6%, #00aaa7 25.8%, #0bb4ae 29.0%, #29bdb4 32.3%, #4ac5b9 35.5%, #6dccc1 38.7%, #8dd1c9 41.9%, #a8d6ce 45.2%, #bddad0 48.4%, #c8dbcf 51.6%, #d2dac9 54.8%, #dcd6c3 58.1%, #e5cfbe 61.3%, #ebc6bf 64.5%, #edbdc0 67.7%, #efb0be 71.0%, #f1a0b6 74.2%, #f38faa 77.4%, #f47d9c 80.6%, #f16e93 83.9%, #eb5f8c 87.1%, #e25284 90.3%, #d9457c 93.5%, #d13a76 96.8%, #cc3171 100.0%);
background: linear-gradient(270deg in oklch, oklch(45.28% 0.0773 204.62) 0.0%, oklch(47.07% 0.0802 203.52) 3.2%, oklch(49.59% 0.0844 201.96) 6.5%, oklch(52.55% 0.0893 200.14) 9.7%, oklch(55.64% 0.0934 198.23) 12.9%, oklch(58.60% 0.0972 196.43) 16.1%, oklch(61.32% 0.1019 194.93) 19.4%, oklch(64.07% 0.1084 193.67) 22.6%, oklch(66.83% 0.1146 192.38) 25.8%, oklch(69.59% 0.1186 190.78) 29.0%, oklch(72.32% 0.1175 188.60) 32.3%, oklch(75.14% 0.1089 186.52) 35.5%, oklch(78.27% 0.0917 186.33) 38.7%, oklch(81.40% 0.0703 185.80) 41.9%, oklch(84.20% 0.0493 182.43) 45.2%, oklch(86.31% 0.0335 173.71) 48.4%, oklch(87.46% 0.0264 156.62) 51.6%, oklch(87.84% 0.0247 128.58) 54.8%, oklch(87.60% 0.0272 94.47) 58.1%, oklch(86.82% 0.0334 60.05) 61.3%, oklch(85.63% 0.0430 31.05) 64.5%, oklch(84.08% 0.0558 12.88) 67.7%, oklch(81.90% 0.0754 4.40) 71.0%, oklch(79.20% 0.0997 2.11) 74.2%, oklch(76.22% 0.1252 3.22) 77.4%, oklch(73.21% 0.1481 4.96) 80.6%, oklch(70.41% 0.1649 4.62) 83.9%, oklch(67.48% 0.1760 3.27) 87.1%, oklch(64.38% 0.1837 2.30) 90.3%, oklch(61.42% 0.1889 1.60) 93.5%, oklch(58.89% 0.1925 1.08) 96.8%, oklch(57.09% 0.1957 0.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.08 | 204.6 |
| 2 | 0.591 | 0.098 | 196.2 |
| 3 | 0.732 | 0.116 | 187.7 |
| 4 | 0.87 | 0.029 | 166.6 |
| 5 | 0.846 | 0.051 | 17.6 |
| 6 | 0.709 | 0.163 | 4.9 |
| 7 | 0.571 | 0.196 | 0.7 |

## In these collections

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

## Other forms

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