# Analogous navy, teal, black and blue radial gradient

Analogous navy, teal, black and blue radial gradient with 56 colors: #00004a, #00103f, #001841, #002146, #00294c, #003354, #003c5b, #004662, #004e69, #00566e, #005c72, #026075, #0c6274, #116373, #146372, #156270, #14606d, #125d6a, #0f5a66, #0b5663, #07525f, #034d5a, #004856, #004150, #003848, #002e3e, #002333, #001828, #000f1d, #000714, #00030d, #00010b, #00000e, #000010, #000217, #030925, #0c1737, #1a294e, #2b3e68, #3d5484, #4f6b9f, #5f80b8, #6c92cd, #769fdc, #7aa6e3, #78a5e1, #719ed8, #6792c9, #5983b6, #4a72a0, #3b6089, #2c4f73, #1e3e5f, #12304d, #08253f, #031e35. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYL128OZ26i8YP6KE8WWyU_B0Uvu`
- Page: https://grabient.com/kYL128OZ26i8YP6KE8WWyU_B0Uvu?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.3 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 | `#00004a` | `oklch(18.53% 0.1280 264.38)` | Endless Galaxy | white, 19.1 to 1 |
| 2 | `#00103f` | `oklch(20.09% 0.0935 262.08)` | Deep Cove | white, 18.2 to 1 |
| 3 | `#001841` | `oklch(22.23% 0.0843 258.53)` | Navy | white, 17.3 to 1 |
| 4 | `#002146` | `oklch(24.84% 0.0798 254.28)` | Oxford Blue | white, 16.1 to 1 |
| 5 | `#00294c` | `oklch(27.75% 0.0776 249.52)` | Royal Blue Metallic | white, 14.7 to 1 |
| 6 | `#003354` | `oklch(30.85% 0.0768 244.46)` | Night Dive | white, 13.1 to 1 |
| 7 | `#003c5b` | `oklch(33.98% 0.0769 239.30)` | Poseidon | white, 11.6 to 1 |
| 8 | `#004662` | `oklch(37.00% 0.0777 234.24)` | Loyal Blue | white, 10.2 to 1 |
| 9 | `#004e69` | `oklch(39.78% 0.0788 229.48)` | Work Blue | white, 9.1 to 1 |
| 10 | `#00566e` | `oklch(42.18% 0.0801 225.21)` | Submersible | white, 8.2 to 1 |
| 11 | `#005c72` | `oklch(44.06% 0.0812 221.64)` | Octagon Ocean | white, 7.5 to 1 |
| 12 | `#026075` | `oklch(45.28% 0.0813 218.93)` | Ocean Radiance | white, 7.1 to 1 |
| 13 | `#0c6274` | `oklch(45.92% 0.0787 216.93)` | Blue Enchantment | white, 6.9 to 1 |
| 14 | `#116373` | `oklch(46.19% 0.0766 215.24)` | Blue Enchantment | white, 6.8 to 1 |
| 15 | `#146372` | `oklch(46.11% 0.0748 213.89)` | Green Spool | white, 6.8 to 1 |
| 16 | `#156270` | `oklch(45.73% 0.0733 212.89)` | Blue Lagoon | white, 7 to 1 |
| 17 | `#14606d` | `oklch(45.06% 0.0721 212.25)` | Galapagos | white, 7.2 to 1 |
| 18 | `#125d6a` | `oklch(44.15% 0.0711 211.98)` | Fish Tale | white, 7.4 to 1 |
| 19 | `#0f5a66` | `oklch(43.02% 0.0701 212.11)` | Captive | white, 7.8 to 1 |
| 20 | `#0b5663` | `oklch(41.72% 0.0692 212.64)` | Abyssal Waters | white, 8.3 to 1 |
| 21 | `#07525f` | `oklch(40.25% 0.0683 213.60)` | Sandalwood Grey Blue | white, 8.8 to 1 |
| 22 | `#034d5a` | `oklch(38.67% 0.0673 214.98)` | Watercolour Blue | white, 9.4 to 1 |
| 23 | `#004856` | `oklch(37.01% 0.0661 216.86)` | Midnight Green | white, 10.1 to 1 |
| 24 | `#004150` | `oklch(34.80% 0.0632 219.54)` | Crab Nebula | white, 11.1 to 1 |
| 25 | `#003848` | `oklch(31.73% 0.0592 223.27)` | Crowberry Blue | white, 12.6 to 1 |
| 26 | `#002e3e` | `oklch(28.07% 0.0546 227.82)` | Nordic Noir | white, 14.4 to 1 |
| 27 | `#002333` | `oklch(24.06% 0.0497 232.99)` | Midnight Dreams | white, 16.3 to 1 |
| 28 | `#001828` | `oklch(19.96% 0.0447 238.57)` | Creeping Death | white, 18 to 1 |
| 29 | `#000f1d` | `oklch(16.04% 0.0399 244.44)` | Kuretake Black Manga | white, 19.3 to 1 |
| 30 | `#000714` | `oklch(12.56% 0.0361 250.57)` | Melanophobia | white, 20.2 to 1 |
| 31 | `#00030d` | `oklch(9.78% 0.0347 256.99)` | Ninja | white, 20.6 to 1 |
| 32 | `#00010b` | `oklch(7.95% 0.0403 263.07)` | Benthic Black | white, 20.8 to 1 |
| 33 | `#00000e` | `oklch(7.34% 0.0509 264.05)` | Benthic Black | white, 20.8 to 1 |
| 34 | `#000010` | `oklch(7.87% 0.0537 264.38)` | Benthic Black | white, 20.8 to 1 |
| 35 | `#000217` | `oklch(10.60% 0.0562 265.77)` | Hadopelagic Water | white, 20.5 to 1 |
| 36 | `#030925` | `oklch(15.34% 0.0601 266.39)` | Mysterious Depths | white, 19.6 to 1 |
| 37 | `#0c1737` | `oklch(21.61% 0.0651 266.35)` | Liberty Blue | white, 17.5 to 1 |
| 38 | `#1a294e` | `oklch(28.96% 0.0708 265.78)` | Rurikon Blue | white, 14.2 to 1 |
| 39 | `#2b3e68` | `oklch(36.93% 0.0768 264.79)` | Elmer’s Echo | white, 10.5 to 1 |
| 40 | `#3d5484` | `oklch(45.04% 0.0830 263.51)` | Deep Azure | white, 7.4 to 1 |
| 41 | `#4f6b9f` | `oklch(52.84% 0.0888 262.06)` | San Marino | white, 5.3 to 1 |
| 42 | `#5f80b8` | `oklch(59.87% 0.0939 260.56)` | Granada Sky | black, 5.2 to 1 |
| 43 | `#6c92cd` | `oklch(65.65% 0.0981 259.13)` | Zeus Temple | black, 6.6 to 1 |
| 44 | `#769fdc` | `oklch(69.74% 0.1009 257.90)` | Kindred | black, 7.7 to 1 |
| 45 | `#7aa6e3` | `oklch(71.65% 0.1020 256.98)` | Greek Sea | black, 8.3 to 1 |
| 46 | `#78a5e1` | `oklch(71.26% 0.1012 256.22)` | Greek Sea | black, 8.2 to 1 |
| 47 | `#719ed8` | `oklch(68.97% 0.0988 255.39)` | Ice Blue | black, 7.5 to 1 |
| 48 | `#6792c9` | `oklch(65.14% 0.0951 254.52)` | Cornflower Blue | black, 6.5 to 1 |
| 49 | `#5983b6` | `oklch(60.14% 0.0904 253.63)` | Deepest Periwinkle | black, 5.3 to 1 |
| 50 | `#4a72a0` | `oklch(54.33% 0.0851 252.73)` | Great Serpent | white, 4.9 to 1 |
| 51 | `#3b6089` | `oklch(48.07% 0.0794 251.85)` | Functional Blue | white, 6.5 to 1 |
| 52 | `#2c4f73` | `oklch(41.73% 0.0736 251.02)` | Mykonos Reflection | white, 8.5 to 1 |
| 53 | `#1e3e5f` | `oklch(35.67% 0.0682 250.25)` | Sir Edmund | white, 10.9 to 1 |
| 54 | `#12304d` | `oklch(30.26% 0.0633 249.56)` | Crow Black Blue | white, 13.4 to 1 |
| 55 | `#08253f` | `oklch(25.86% 0.0593 248.98)` | Celestial Canvas | white, 15.5 to 1 |
| 56 | `#031e35` | `oklch(22.83% 0.0565 248.52)` | Cyanophobia | white, 16.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #00004a 0.0%, #00103f 1.8%, #001841 3.6%, #002146 5.5%, #00294c 7.3%, #003354 9.1%, #003c5b 10.9%, #004662 12.7%, #004e69 14.5%, #00566e 16.4%, #005c72 18.2%, #026075 20.0%, #0c6274 21.8%, #116373 23.6%, #146372 25.5%, #156270 27.3%, #14606d 29.1%, #125d6a 30.9%, #0f5a66 32.7%, #0b5663 34.5%, #07525f 36.4%, #034d5a 38.2%, #004856 40.0%, #004150 41.8%, #003848 43.6%, #002e3e 45.5%, #002333 47.3%, #001828 49.1%, #000f1d 50.9%, #000714 52.7%, #00030d 54.5%, #00010b 56.4%, #00000e 58.2%, #000010 60.0%, #000217 61.8%, #030925 63.6%, #0c1737 65.5%, #1a294e 67.3%, #2b3e68 69.1%, #3d5484 70.9%, #4f6b9f 72.7%, #5f80b8 74.5%, #6c92cd 76.4%, #769fdc 78.2%, #7aa6e3 80.0%, #78a5e1 81.8%, #719ed8 83.6%, #6792c9 85.5%, #5983b6 87.3%, #4a72a0 89.1%, #3b6089 90.9%, #2c4f73 92.7%, #1e3e5f 94.5%, #12304d 96.4%, #08253f 98.2%, #031e35 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.53% 0.1280 264.38) 0.0%, oklch(20.09% 0.0935 262.08) 1.8%, oklch(22.23% 0.0843 258.53) 3.6%, oklch(24.84% 0.0798 254.28) 5.5%, oklch(27.75% 0.0776 249.52) 7.3%, oklch(30.85% 0.0768 244.46) 9.1%, oklch(33.98% 0.0769 239.30) 10.9%, oklch(37.00% 0.0777 234.24) 12.7%, oklch(39.78% 0.0788 229.48) 14.5%, oklch(42.18% 0.0801 225.21) 16.4%, oklch(44.06% 0.0812 221.64) 18.2%, oklch(45.28% 0.0813 218.93) 20.0%, oklch(45.92% 0.0787 216.93) 21.8%, oklch(46.19% 0.0766 215.24) 23.6%, oklch(46.11% 0.0748 213.89) 25.5%, oklch(45.73% 0.0733 212.89) 27.3%, oklch(45.06% 0.0721 212.25) 29.1%, oklch(44.15% 0.0711 211.98) 30.9%, oklch(43.02% 0.0701 212.11) 32.7%, oklch(41.72% 0.0692 212.64) 34.5%, oklch(40.25% 0.0683 213.60) 36.4%, oklch(38.67% 0.0673 214.98) 38.2%, oklch(37.01% 0.0661 216.86) 40.0%, oklch(34.80% 0.0632 219.54) 41.8%, oklch(31.73% 0.0592 223.27) 43.6%, oklch(28.07% 0.0546 227.82) 45.5%, oklch(24.06% 0.0497 232.99) 47.3%, oklch(19.96% 0.0447 238.57) 49.1%, oklch(16.04% 0.0399 244.44) 50.9%, oklch(12.56% 0.0361 250.57) 52.7%, oklch(9.78% 0.0347 256.99) 54.5%, oklch(7.95% 0.0403 263.07) 56.4%, oklch(7.34% 0.0509 264.05) 58.2%, oklch(7.87% 0.0537 264.38) 60.0%, oklch(10.60% 0.0562 265.77) 61.8%, oklch(15.34% 0.0601 266.39) 63.6%, oklch(21.61% 0.0651 266.35) 65.5%, oklch(28.96% 0.0708 265.78) 67.3%, oklch(36.93% 0.0768 264.79) 69.1%, oklch(45.04% 0.0830 263.51) 70.9%, oklch(52.84% 0.0888 262.06) 72.7%, oklch(59.87% 0.0939 260.56) 74.5%, oklch(65.65% 0.0981 259.13) 76.4%, oklch(69.74% 0.1009 257.90) 78.2%, oklch(71.65% 0.1020 256.98) 80.0%, oklch(71.26% 0.1012 256.22) 81.8%, oklch(68.97% 0.0988 255.39) 83.6%, oklch(65.14% 0.0951 254.52) 85.5%, oklch(60.14% 0.0904 253.63) 87.3%, oklch(54.33% 0.0851 252.73) 89.1%, oklch(48.07% 0.0794 251.85) 90.9%, oklch(41.73% 0.0736 251.02) 92.7%, oklch(35.67% 0.0682 250.25) 94.5%, oklch(30.26% 0.0633 249.56) 96.4%, oklch(25.86% 0.0593 248.98) 98.2%, oklch(22.83% 0.0565 248.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.128 | 264.4 |
| 2 | 0.453 | 0.081 | 218.9 |
| 3 | 0.37 | 0.066 | 216.8 |
| 4 | 0.079 | 0.054 | 264.4 |
| 5 | 0.717 | 0.102 | 257 |
| 6 | 0.228 | 0.056 | 248.5 |

## In these collections

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

## Other forms

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