# Navy, blue, black and teal radial gradient

Navy, blue, black and teal radial gradient with 32 colors: #08345a, #0a3a61, #0d446c, #10507a, #135e89, #166d98, #1a7ba7, #1e88b4, #2293be, #279ac4, #2b9bc5, #3096bf, #3489b1, #35769d, #336083, #2d4967, #24344b, #1a2232, #10141e, #090b10, #06070a, #07080c, #0c1017, #131e2a, #1b3344, #1f4e62, #1a6e81, #0a909b, #00b3af, #1cd3bc, #3eecc3, #58fec5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUUTux0ik9ZCDRJyOjPg`
- Page: https://grabient.com/kUUTux0ik9ZCDRJyOjPg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.7 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 | `#08345a` | `oklch(31.89% 0.0813 249.61)` | Incremental Blue | white, 12.7 to 1 |
| 2 | `#0a3a61` | `oklch(34.12% 0.0837 248.14)` | Poseidon | white, 11.6 to 1 |
| 3 | `#0d446c` | `oklch(37.43% 0.0875 245.94)` | Epic Adventure | white, 10.1 to 1 |
| 4 | `#10507a` | `oklch(41.51% 0.0923 243.22)` | Silk Jewel | white, 8.5 to 1 |
| 5 | `#135e89` | `oklch(46.03% 0.0975 240.20)` | Blue Flame | white, 7 to 1 |
| 6 | `#166d98` | `oklch(50.69% 0.1028 237.11)` | Disarm | white, 5.7 to 1 |
| 7 | `#1a7ba7` | `oklch(55.15% 0.1077 234.16)` | Celadon Blue | white, 4.7 to 1 |
| 8 | `#1e88b4` | `oklch(59.11% 0.1117 231.58)` | Blue Splash | black, 5.2 to 1 |
| 9 | `#2293be` | `oklch(62.24% 0.1144 229.59)` | Spa Dream | black, 5.9 to 1 |
| 10 | `#279ac4` | `oklch(64.24% 0.1153 228.41)` | Sea Wonder | black, 6.4 to 1 |
| 11 | `#2b9bc5` | `oklch(64.77% 0.1140 228.26)` | Major Blue | black, 6.6 to 1 |
| 12 | `#3096bf` | `oklch(63.37% 0.1096 229.57)` | Galleon Blue | black, 6.2 to 1 |
| 13 | `#3489b1` | `oklch(59.63% 0.1010 232.90)` | Blue Splash | black, 5.3 to 1 |
| 14 | `#35769d` | `oklch(54.07% 0.0893 237.76)` | Fun and Games | white, 4.9 to 1 |
| 15 | `#336083` | `oklch(47.28% 0.0755 243.61)` | Atlantic Schooner | white, 6.6 to 1 |
| 16 | `#2d4967` | `oklch(39.82% 0.0606 249.90)` | Lake View | white, 9.2 to 1 |
| 17 | `#24344b` | `oklch(32.28% 0.0458 256.09)` | Bunting | white, 12.5 to 1 |
| 18 | `#1a2232` | `oklch(25.24% 0.0320 261.63)` | Kon | white, 15.9 to 1 |
| 19 | `#10141e` | `oklch(19.27% 0.0205 265.98)` | Kuroi Black | white, 18.3 to 1 |
| 20 | `#090b10` | `oklch(14.95% 0.0121 268.58)` | Midnight Oil | white, 19.6 to 1 |
| 21 | `#06070a` | `oklch(12.86% 0.0081 268.90)` | Reversed Grey | white, 20.1 to 1 |
| 22 | `#07080c` | `oklch(13.57% 0.0094 266.37)` | Reversed Grey | white, 20 to 1 |
| 23 | `#0c1017` | `oklch(17.17% 0.0164 260.63)` | Nyctophobia | white, 19 to 1 |
| 24 | `#131e2a` | `oklch(23.16% 0.0281 252.18)` | The Count’s Black | white, 16.8 to 1 |
| 25 | `#1b3344` | `oklch(30.96% 0.0435 241.68)` | Blue Whale | white, 13.1 to 1 |
| 26 | `#1f4e62` | `oklch(40.03% 0.0615 229.79)` | Rugged Teal | white, 9 to 1 |
| 27 | `#1a6e81` | `oklch(49.81% 0.0808 217.17)` | Billabong | white, 5.8 to 1 |
| 28 | `#0a909b` | `oklch(59.73% 0.1004 204.47)` | Coral Coast | black, 5.4 to 1 |
| 29 | `#00b3af` | `oklch(69.25% 0.1188 192.37)` | Laguna Green | black, 8 to 1 |
| 30 | `#1cd3bc` | `oklch(77.80% 0.1362 181.50)` | Turquoise Panic | black, 11 to 1 |
| 31 | `#3eecc3` | `oklch(84.82% 0.1501 172.53)` | Aphrodite Aqua | black, 14 to 1 |
| 32 | `#58fec5` | `oklch(89.76% 0.1598 166.13)` | Rare Wind | black, 16.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #08345a 0.0%, #0a3a61 3.2%, #0d446c 6.5%, #10507a 9.7%, #135e89 12.9%, #166d98 16.1%, #1a7ba7 19.4%, #1e88b4 22.6%, #2293be 25.8%, #279ac4 29.0%, #2b9bc5 32.3%, #3096bf 35.5%, #3489b1 38.7%, #35769d 41.9%, #336083 45.2%, #2d4967 48.4%, #24344b 51.6%, #1a2232 54.8%, #10141e 58.1%, #090b10 61.3%, #06070a 64.5%, #07080c 67.7%, #0c1017 71.0%, #131e2a 74.2%, #1b3344 77.4%, #1f4e62 80.6%, #1a6e81 83.9%, #0a909b 87.1%, #00b3af 90.3%, #1cd3bc 93.5%, #3eecc3 96.8%, #58fec5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0813 249.61) 0.0%, oklch(34.12% 0.0837 248.14) 3.2%, oklch(37.43% 0.0875 245.94) 6.5%, oklch(41.51% 0.0923 243.22) 9.7%, oklch(46.03% 0.0975 240.20) 12.9%, oklch(50.69% 0.1028 237.11) 16.1%, oklch(55.15% 0.1077 234.16) 19.4%, oklch(59.11% 0.1117 231.58) 22.6%, oklch(62.24% 0.1144 229.59) 25.8%, oklch(64.24% 0.1153 228.41) 29.0%, oklch(64.77% 0.1140 228.26) 32.3%, oklch(63.37% 0.1096 229.57) 35.5%, oklch(59.63% 0.1010 232.90) 38.7%, oklch(54.07% 0.0893 237.76) 41.9%, oklch(47.28% 0.0755 243.61) 45.2%, oklch(39.82% 0.0606 249.90) 48.4%, oklch(32.28% 0.0458 256.09) 51.6%, oklch(25.24% 0.0320 261.63) 54.8%, oklch(19.27% 0.0205 265.98) 58.1%, oklch(14.95% 0.0121 268.58) 61.3%, oklch(12.86% 0.0081 268.90) 64.5%, oklch(13.57% 0.0094 266.37) 67.7%, oklch(17.17% 0.0164 260.63) 71.0%, oklch(23.16% 0.0281 252.18) 74.2%, oklch(30.96% 0.0435 241.68) 77.4%, oklch(40.03% 0.0615 229.79) 80.6%, oklch(49.81% 0.0808 217.17) 83.9%, oklch(59.73% 0.1004 204.47) 87.1%, oklch(69.25% 0.1188 192.37) 90.3%, oklch(77.80% 0.1362 181.50) 93.5%, oklch(84.82% 0.1501 172.53) 96.8%, oklch(89.76% 0.1598 166.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.081 | 249.6 |
| 2 | 0.646 | 0.113 | 228.5 |
| 3 | 0.13 | 0.008 | 267.6 |
| 4 | 0.898 | 0.16 | 166.1 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)

## Other forms

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