# Deep cyan and coral coastal rockpool spring

The Deep cyan and coral coastal rockpool spring brings together blue, light gray, and light red. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light red.

- Also called: Complementary blue, gray and pink linear gradient
- Seed: `kYZC-kNZo_sAXv9OCcEW4ZPWKWwm`
- Page: https://grabient.com/kYZC-kNZo_sAXv9OCcEW4ZPWKWwm?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#194c62` | `oklch(39.37% 0.0648 230.62)` | Lazurite Blue | white, 9.3 to 1 |
| 2 | `#194d63` | `oklch(39.60% 0.0656 230.39)` | Lazurite Blue | white, 9.2 to 1 |
| 3 | `#184e64` | `oklch(39.86% 0.0670 230.06)` | Lazurite Blue | white, 9.1 to 1 |
| 4 | `#174f66` | `oklch(40.19% 0.0685 229.67)` | Hanada Blue | white, 8.9 to 1 |
| 5 | `#165068` | `oklch(40.63% 0.0699 229.27)` | Hanada Blue | white, 8.8 to 1 |
| 6 | `#16526a` | `oklch(41.20% 0.0711 228.89)` | Blue Palisade | white, 8.5 to 1 |
| 7 | `#17546c` | `oklch(41.95% 0.0716 228.56)` | Blue Palisade | white, 8.3 to 1 |
| 8 | `#1a576e` | `oklch(42.90% 0.0717 228.25)` | Corsair | white, 7.9 to 1 |
| 9 | `#1e5a72` | `oklch(44.04% 0.0716 227.81)` | Blue Coral | white, 7.6 to 1 |
| 10 | `#225e75` | `oklch(45.33% 0.0713 227.37)` | Deep Blue Sea | white, 7.1 to 1 |
| 11 | `#276279` | `oklch(46.74% 0.0704 227.05)` | Denim Blue | white, 6.7 to 1 |
| 12 | `#2e667c` | `oklch(48.23% 0.0687 226.96)` | Byron Place | white, 6.3 to 1 |
| 13 | `#356a80` | `oklch(49.77% 0.0661 227.22)` | Kimberley Sea | white, 5.9 to 1 |
| 14 | `#3e6e83` | `oklch(51.35% 0.0622 227.45)` | Santorini Blue | white, 5.5 to 1 |
| 15 | `#477385` | `oklch(53.05% 0.0563 226.18)` | Wild River | white, 5.1 to 1 |
| 16 | `#517887` | `oklch(54.84% 0.0493 224.55)` | Ocean Current | white, 4.8 to 1 |
| 17 | `#5c7c89` | `oklch(56.68% 0.0419 223.92)` | Night Owl | black, 4.7 to 1 |
| 18 | `#66818c` | `oklch(58.53% 0.0349 225.69)` | Windy Seas | black, 5 to 1 |
| 19 | `#708590` | `oklch(60.35% 0.0289 231.24)` | Adirondack Blue | black, 5.4 to 1 |
| 20 | `#7a8994` | `oklch(62.12% 0.0246 242.16)` | Deep Channel | black, 5.8 to 1 |
| 21 | `#858c99` | `oklch(63.95% 0.0210 260.31)` | Applause Please | black, 6.2 to 1 |
| 22 | `#90909c` | `oklch(65.80% 0.0178 283.52)` | Partridge Grey | black, 6.6 to 1 |
| 23 | `#9a959f` | `oklch(67.62% 0.0155 308.90)` | Emperor’s Robe | black, 7.1 to 1 |
| 24 | `#a299a0` | `oklch(69.35% 0.0144 333.56)` | Sugilite | black, 7.6 to 1 |
| 25 | `#a99ea2` | `oklch(70.93% 0.0149 354.63)` | Nobel | black, 8 to 1 |
| 26 | `#b0a1a3` | `oklch(72.31% 0.0172 9.28)` | Dusky Hyacinth | black, 8.4 to 1 |
| 27 | `#b7a4a4` | `oklch(73.52% 0.0226 18.21)` | Lilac Smoke | black, 8.8 to 1 |
| 28 | `#bfa6a4` | `oklch(74.60% 0.0304 23.34)` | Florida Grey | black, 9.1 to 1 |
| 29 | `#c8a7a3` | `oklch(75.56% 0.0396 25.79)` | Parfait | black, 9.4 to 1 |
| 30 | `#d0a7a2` | `oklch(76.37% 0.0488 26.66)` | La Vie en Rose | black, 9.7 to 1 |
| 31 | `#d6a7a1` | `oklch(77.04% 0.0567 27.06)` | Mellow Rose | black, 9.9 to 1 |
| 32 | `#dba8a0` | `oklch(77.56% 0.0620 28.08)` | Coral Cove | black, 10 to 1 |

## CSS

```css
background: linear-gradient(180deg, #194c62 0.0%, #194d63 3.2%, #184e64 6.5%, #174f66 9.7%, #165068 12.9%, #16526a 16.1%, #17546c 19.4%, #1a576e 22.6%, #1e5a72 25.8%, #225e75 29.0%, #276279 32.3%, #2e667c 35.5%, #356a80 38.7%, #3e6e83 41.9%, #477385 45.2%, #517887 48.4%, #5c7c89 51.6%, #66818c 54.8%, #708590 58.1%, #7a8994 61.3%, #858c99 64.5%, #90909c 67.7%, #9a959f 71.0%, #a299a0 74.2%, #a99ea2 77.4%, #b0a1a3 80.6%, #b7a4a4 83.9%, #bfa6a4 87.1%, #c8a7a3 90.3%, #d0a7a2 93.5%, #d6a7a1 96.8%, #dba8a0 100.0%);
background: linear-gradient(180deg in oklch, oklch(39.37% 0.0648 230.62) 0.0%, oklch(39.60% 0.0656 230.39) 3.2%, oklch(39.86% 0.0670 230.06) 6.5%, oklch(40.19% 0.0685 229.67) 9.7%, oklch(40.63% 0.0699 229.27) 12.9%, oklch(41.20% 0.0711 228.89) 16.1%, oklch(41.95% 0.0716 228.56) 19.4%, oklch(42.90% 0.0717 228.25) 22.6%, oklch(44.04% 0.0716 227.81) 25.8%, oklch(45.33% 0.0713 227.37) 29.0%, oklch(46.74% 0.0704 227.05) 32.3%, oklch(48.23% 0.0687 226.96) 35.5%, oklch(49.77% 0.0661 227.22) 38.7%, oklch(51.35% 0.0622 227.45) 41.9%, oklch(53.05% 0.0563 226.18) 45.2%, oklch(54.84% 0.0493 224.55) 48.4%, oklch(56.68% 0.0419 223.92) 51.6%, oklch(58.53% 0.0349 225.69) 54.8%, oklch(60.35% 0.0289 231.24) 58.1%, oklch(62.12% 0.0246 242.16) 61.3%, oklch(63.95% 0.0210 260.31) 64.5%, oklch(65.80% 0.0178 283.52) 67.7%, oklch(67.62% 0.0155 308.90) 71.0%, oklch(69.35% 0.0144 333.56) 74.2%, oklch(70.93% 0.0149 354.63) 77.4%, oklch(72.31% 0.0172 9.28) 80.6%, oklch(73.52% 0.0226 18.21) 83.9%, oklch(74.60% 0.0304 23.34) 87.1%, oklch(75.56% 0.0396 25.79) 90.3%, oklch(76.37% 0.0488 26.66) 93.5%, oklch(77.04% 0.0567 27.06) 96.8%, oklch(77.56% 0.0620 28.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.065 | 230.6 |
| 2 | 0.421 | 0.072 | 228.5 |
| 3 | 0.504 | 0.065 | 227.5 |
| 4 | 0.614 | 0.026 | 237 |
| 5 | 0.72 | 0.017 | 366.9 |
| 6 | 0.776 | 0.062 | 388.1 |

## In these collections

- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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