# Deep cyan and blue spring tide seagrass

The Deep cyan and blue spring tide seagrass brings together blue, light blue, and pale teal. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is pale teal.

- Also called: Muted monochrome blue to light blue radial gradient
- Seed: `kWYCuqupzC9IbwPnkT78Qq5Q`
- Page: https://grabient.com/kWYCuqupzC9IbwPnkT78Qq5Q?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: dark to light, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.2 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 | `#21465e` | `oklch(37.80% 0.0593 239.77)` | Dark Slate Blue | white, 10 to 1 |
| 2 | `#234761` | `oklch(38.38% 0.0610 241.92)` | Dark Slate Blue | white, 9.7 to 1 |
| 3 | `#254965` | `oklch(39.09% 0.0634 244.93)` | Dark Slate Blue | white, 9.5 to 1 |
| 4 | `#294a6a` | `oklch(39.92% 0.0663 248.52)` | Lake View | white, 9.1 to 1 |
| 5 | `#2d4c6f` | `oklch(40.90% 0.0695 252.41)` | Blue Tang | white, 8.8 to 1 |
| 6 | `#324e74` | `oklch(42.04% 0.0725 256.35)` | Airforce | white, 8.4 to 1 |
| 7 | `#38517a` | `oklch(43.34% 0.0753 260.04)` | St. Tropaz | white, 8 to 1 |
| 8 | `#3e5480` | `oklch(44.82% 0.0775 263.23)` | Deep Azure | white, 7.5 to 1 |
| 9 | `#445886` | `oklch(46.51% 0.0788 265.66)` | True Navy | white, 7 to 1 |
| 10 | `#4b5d8c` | `oklch(48.48% 0.0796 267.63)` | Gem | white, 6.4 to 1 |
| 11 | `#536394` | `oklch(50.73% 0.0801 269.32)` | Breathtaking | white, 5.8 to 1 |
| 12 | `#5b6a9b` | `oklch(53.18% 0.0803 270.73)` | Moonshade | white, 5.2 to 1 |
| 13 | `#6371a3` | `oklch(55.74% 0.0800 271.86)` | Kimberlite | white, 4.7 to 1 |
| 14 | `#6b78ab` | `oklch(58.35% 0.0794 272.70)` | Regal Azure | black, 4.9 to 1 |
| 15 | `#7380b2` | `oklch(60.93% 0.0783 273.26)` | Venture Violet | black, 5.4 to 1 |
| 16 | `#7b87b9` | `oklch(63.40% 0.0767 273.55)` | Wild Blue Yonder | black, 6 to 1 |
| 17 | `#828ec0` | `oklch(65.72% 0.0746 273.61)` | Safflowerish Sky | black, 6.6 to 1 |
| 18 | `#8a96c5` | `oklch(68.09% 0.0717 273.73)` | Pale Iris | black, 7.2 to 1 |
| 19 | `#929dcb` | `oklch(70.48% 0.0680 273.78)` | Velvet Robe | black, 7.9 to 1 |
| 20 | `#9aa5d0` | `oklch(72.85% 0.0639 273.57)` | Venus Flower | black, 8.6 to 1 |
| 21 | `#a1add5` | `oklch(75.15% 0.0595 272.90)` | Mild Blue Yonder | black, 9.4 to 1 |
| 22 | `#a8b4d9` | `oklch(77.32% 0.0552 271.56)` | Sassy Violet | black, 10.1 to 1 |
| 23 | `#aebbdd` | `oklch(79.32% 0.0512 269.37)` | Lilac Flare | black, 10.9 to 1 |
| 24 | `#b3c1e1` | `oklch(81.09% 0.0476 266.13)` | Eternal Elegance | black, 11.6 to 1 |
| 25 | `#b6c7e4` | `oklch(82.62% 0.0446 261.35)` | Beautiful Dream | black, 12.2 to 1 |
| 26 | `#b9cce6` | `oklch(83.97% 0.0417 254.59)` | Periwinkle Dream | black, 12.8 to 1 |
| 27 | `#bad1e7` | `oklch(85.15% 0.0390 246.49)` | Modern Blue | black, 13.4 to 1 |
| 28 | `#bcd6e7` | `oklch(86.18% 0.0364 237.71)` | Light Tidal Foam | black, 13.8 to 1 |
| 29 | `#bed9e7` | `oklch(87.06% 0.0341 228.91)` | Breezy Touch | black, 14.3 to 1 |
| 30 | `#c1dce6` | `oklch(87.81% 0.0320 220.77)` | Breezy | black, 14.6 to 1 |
| 31 | `#c3dfe5` | `oklch(88.45% 0.0303 213.95)` | Trevi Fountain | black, 14.9 to 1 |
| 32 | `#c6e0e5` | `oklch(88.98% 0.0289 209.12)` | Wind Tunnel | black, 15.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #21465e 0.0%, #234761 3.2%, #254965 6.5%, #294a6a 9.7%, #2d4c6f 12.9%, #324e74 16.1%, #38517a 19.4%, #3e5480 22.6%, #445886 25.8%, #4b5d8c 29.0%, #536394 32.3%, #5b6a9b 35.5%, #6371a3 38.7%, #6b78ab 41.9%, #7380b2 45.2%, #7b87b9 48.4%, #828ec0 51.6%, #8a96c5 54.8%, #929dcb 58.1%, #9aa5d0 61.3%, #a1add5 64.5%, #a8b4d9 67.7%, #aebbdd 71.0%, #b3c1e1 74.2%, #b6c7e4 77.4%, #b9cce6 80.6%, #bad1e7 83.9%, #bcd6e7 87.1%, #bed9e7 90.3%, #c1dce6 93.5%, #c3dfe5 96.8%, #c6e0e5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(37.80% 0.0593 239.77) 0.0%, oklch(38.38% 0.0610 241.92) 3.2%, oklch(39.09% 0.0634 244.93) 6.5%, oklch(39.92% 0.0663 248.52) 9.7%, oklch(40.90% 0.0695 252.41) 12.9%, oklch(42.04% 0.0725 256.35) 16.1%, oklch(43.34% 0.0753 260.04) 19.4%, oklch(44.82% 0.0775 263.23) 22.6%, oklch(46.51% 0.0788 265.66) 25.8%, oklch(48.48% 0.0796 267.63) 29.0%, oklch(50.73% 0.0801 269.32) 32.3%, oklch(53.18% 0.0803 270.73) 35.5%, oklch(55.74% 0.0800 271.86) 38.7%, oklch(58.35% 0.0794 272.70) 41.9%, oklch(60.93% 0.0783 273.26) 45.2%, oklch(63.40% 0.0767 273.55) 48.4%, oklch(65.72% 0.0746 273.61) 51.6%, oklch(68.09% 0.0717 273.73) 54.8%, oklch(70.48% 0.0680 273.78) 58.1%, oklch(72.85% 0.0639 273.57) 61.3%, oklch(75.15% 0.0595 272.90) 64.5%, oklch(77.32% 0.0552 271.56) 67.7%, oklch(79.32% 0.0512 269.37) 71.0%, oklch(81.09% 0.0476 266.13) 74.2%, oklch(82.62% 0.0446 261.35) 77.4%, oklch(83.97% 0.0417 254.59) 80.6%, oklch(85.15% 0.0390 246.49) 83.9%, oklch(86.18% 0.0364 237.71) 87.1%, oklch(87.06% 0.0341 228.91) 90.3%, oklch(87.81% 0.0320 220.77) 93.5%, oklch(88.45% 0.0303 213.95) 96.8%, oklch(88.98% 0.0289 209.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.059 | 239.8 |
| 2 | 0.461 | 0.079 | 265.1 |
| 3 | 0.646 | 0.076 | 273.6 |
| 4 | 0.815 | 0.047 | 265.1 |
| 5 | 0.89 | 0.029 | 209.1 |

## In these collections

- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)

## Other forms

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