# Soft black gold blue rings

Navy, green, tan and blue radial gradient with 64 colors: #0a1730, #0a1a33, #091d37, #07213c, #052640, #002b46, #003149, #00374c, #003e50, #004454, #004b57, #00525b, #00595e, #006160, #006862, #006f63, #007662, #007d61, #09845d, #24885a, #348c57, #428f54, #4e9251, #5a944d, #66964a, #729747, #7c9844, #879943, #909943, #999a43, #a19a45, #a89a48, #ae9a4c, #b39a4f, #b79a53, #ba9a57, #bc9a5b, #bd9a5e, #be9a60, #be9a62, #bd9a63, #bb9a62, #b99a62, #b59960, #af995d, #a8985a, #9f9758, #959656, #889556, #7a9357, #6a915b, #598e5f, #458b65, #2f876b, #0f8371, #007c77, #00767a, #00707d, #006a80, #006482, #005f85, #005989, #0f558a, #1a518a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, green, tan and blue radial gradient
- Seed: `kUNSa6yqsylkeN-2qFQg`
- Page: https://grabient.com/kUNSa6yqsylkeN-2qFQg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#0a1730` | `oklch(20.87% 0.0524 262.27)` | Liberty Blue | white, 17.8 to 1 |
| 2 | `#0a1a33` | `oklch(21.88% 0.0542 259.27)` | Trapped Darkness | white, 17.4 to 1 |
| 3 | `#091d37` | `oklch(23.10% 0.0565 255.72)` | Trapped Darkness | white, 16.8 to 1 |
| 4 | `#07213c` | `oklch(24.51% 0.0592 251.65)` | Midnight Mirage | white, 16.2 to 1 |
| 5 | `#052640` | `oklch(26.09% 0.0623 247.12)` | Murky Depths | white, 15.4 to 1 |
| 6 | `#002b46` | `oklch(27.82% 0.0657 242.18)` | Royal Blue Metallic | white, 14.6 to 1 |
| 7 | `#003149` | `oklch(29.69% 0.0648 237.00)` | Cosmos Blue | white, 13.6 to 1 |
| 8 | `#00374c` | `oklch(31.65% 0.0641 231.36)` | Crowberry Blue | white, 12.6 to 1 |
| 9 | `#003e50` | `oklch(33.70% 0.0641 225.47)` | Maniac Mansion | white, 11.6 to 1 |
| 10 | `#004454` | `oklch(35.81% 0.0649 219.39)` | Crab Nebula | white, 10.7 to 1 |
| 11 | `#004b57` | `oklch(37.97% 0.0665 213.14)` | Watercolour Blue | white, 9.7 to 1 |
| 12 | `#00525b` | `oklch(40.15% 0.0688 206.80)` | Blue Period | white, 8.8 to 1 |
| 13 | `#00595e` | `oklch(42.33% 0.0720 200.42)` | Entrapment | white, 8 to 1 |
| 14 | `#006160` | `oklch(44.50% 0.0761 194.03)` | Emerald Stone | white, 7.3 to 1 |
| 15 | `#006862` | `oklch(46.62% 0.0812 187.70)` | Butterfly Green | white, 6.6 to 1 |
| 16 | `#006f63` | `oklch(48.69% 0.0875 181.48)` | Deep Pacific | white, 6 to 1 |
| 17 | `#007662` | `oklch(50.67% 0.0952 175.41)` | Teal Waters | white, 5.5 to 1 |
| 18 | `#007d61` | `oklch(52.56% 0.1046 169.54)` | Turquoise Cyan | white, 5 to 1 |
| 19 | `#09845d` | `oklch(54.32% 0.1138 163.95)` | Primal Green | white, 4.7 to 1 |
| 20 | `#24885a` | `oklch(55.94% 0.1159 158.65)` | Vital Green | black, 4.7 to 1 |
| 21 | `#348c57` | `oklch(57.39% 0.1175 153.72)` | Lake Green | black, 5 to 1 |
| 22 | `#428f54` | `oklch(58.66% 0.1185 149.19)` | Medium Green | black, 5.3 to 1 |
| 23 | `#4e9251` | `oklch(59.82% 0.1189 144.73)` | Ineffable Forest | black, 5.5 to 1 |
| 24 | `#5a944d` | `oklch(60.94% 0.1188 140.00)` | Wicked Witch | black, 5.7 to 1 |
| 25 | `#66964a` | `oklch(62.01% 0.1182 135.06)` | Wicked Witch | black, 6 to 1 |
| 26 | `#729747` | `oklch(63.05% 0.1171 129.97)` | Lattice Green | black, 6.2 to 1 |
| 27 | `#7c9844` | `oklch(64.04% 0.1157 124.79)` | Mossy Glossy | black, 6.4 to 1 |
| 28 | `#879943` | `oklch(64.97% 0.1139 119.59)` | Café de Paris | black, 6.6 to 1 |
| 29 | `#909943` | `oklch(65.85% 0.1118 114.44)` | Chrysolite | black, 6.8 to 1 |
| 30 | `#999a43` | `oklch(66.67% 0.1095 109.38)` | Be Yourself | black, 7 to 1 |
| 31 | `#a19a45` | `oklch(67.42% 0.1070 104.50)` | Lazy Lizard | black, 7.2 to 1 |
| 32 | `#a89a48` | `oklch(68.11% 0.1043 99.84)` | Prickly Pear | black, 7.3 to 1 |
| 33 | `#ae9a4c` | `oklch(68.73% 0.1017 95.47)` | Spanish Gold | black, 7.5 to 1 |
| 34 | `#b39a4f` | `oklch(69.27% 0.0989 91.45)` | Husk | black, 7.6 to 1 |
| 35 | `#b79a53` | `oklch(69.73% 0.0963 87.85)` | Escapade Gold | black, 7.7 to 1 |
| 36 | `#ba9a57` | `oklch(70.11% 0.0937 84.73)` | Base Sand | black, 7.8 to 1 |
| 37 | `#bc9a5b` | `oklch(70.40% 0.0913 82.15)` | Packing Paper | black, 7.9 to 1 |
| 38 | `#bd9a5e` | `oklch(70.60% 0.0890 80.18)` | Packing Paper | black, 7.9 to 1 |
| 39 | `#be9a60` | `oklch(70.70% 0.0870 78.87)` | Cheers! | black, 8 to 1 |
| 40 | `#be9a62` | `oklch(70.70% 0.0854 78.29)` | Cheers! | black, 8 to 1 |
| 41 | `#bd9a63` | `oklch(70.60% 0.0840 78.51)` | Cheers! | black, 7.9 to 1 |
| 42 | `#bb9a62` | `oklch(70.40% 0.0831 79.57)` | Golden Bear | black, 7.9 to 1 |
| 43 | `#b99a62` | `oklch(70.08% 0.0827 81.56)` | Golden Bear | black, 7.8 to 1 |
| 44 | `#b59960` | `oklch(69.59% 0.0827 84.74)` | Golden Bear | black, 7.7 to 1 |
| 45 | `#af995d` | `oklch(68.88% 0.0829 89.26)` | Kathmandu | black, 7.5 to 1 |
| 46 | `#a8985a` | `oklch(67.99% 0.0835 94.98)` | Spring Moss | black, 7.3 to 1 |
| 47 | `#9f9758` | `oklch(66.91% 0.0844 101.78)` | Stem | black, 7 to 1 |
| 48 | `#959656` | `oklch(65.69% 0.0855 109.51)` | Ancient Maze | black, 6.7 to 1 |
| 49 | `#889556` | `oklch(64.34% 0.0867 118.06)` | Pretty Maiden | black, 6.4 to 1 |
| 50 | `#7a9357` | `oklch(62.88% 0.0882 127.28)` | Vegetarian Veteran | black, 6.1 to 1 |
| 51 | `#6a915b` | `oklch(61.33% 0.0898 137.03)` | Irish Charm | black, 5.8 to 1 |
| 52 | `#598e5f` | `oklch(59.71% 0.0915 147.20)` | Hippie Green | black, 5.4 to 1 |
| 53 | `#458b65` | `oklch(58.05% 0.0933 157.65)` | Mallard Green | black, 5.1 to 1 |
| 54 | `#2f876b` | `oklch(56.37% 0.0951 168.23)` | Mythical Forest | black, 4.8 to 1 |
| 55 | `#0f8371` | `oklch(54.68% 0.0970 178.83)` | Summer Turquoise | white, 4.6 to 1 |
| 56 | `#007c77` | `oklch(53.02% 0.0918 189.30)` | Wizards Orb | white, 5 to 1 |
| 57 | `#00767a` | `oklch(51.39% 0.0874 199.53)` | Maxi Teal | white, 5.4 to 1 |
| 58 | `#00707d` | `oklch(49.82% 0.0860 209.37)` | Iridescent Peacock | white, 5.8 to 1 |
| 59 | `#006a80` | `oklch(48.34% 0.0872 218.69)` | Porpoise Place | white, 6.2 to 1 |
| 60 | `#006482` | `oklch(46.96% 0.0910 227.35)` | Harem Silk | white, 6.6 to 1 |
| 61 | `#005f85` | `oklch(45.71% 0.0973 235.23)` | Sapphire Sparkle | white, 7 to 1 |
| 62 | `#005989` | `oklch(44.60% 0.1062 242.18)` | Sea Cave | white, 7.4 to 1 |
| 63 | `#0f558a` | `oklch(43.66% 0.1095 248.04)` | Dark Denim | white, 7.8 to 1 |
| 64 | `#1a518a` | `oklch(42.91% 0.1102 252.75)` | Frank Blue | white, 8.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0a1730 0.0%, #0a1a33 1.6%, #091d37 3.2%, #07213c 4.8%, #052640 6.3%, #002b46 7.9%, #003149 9.5%, #00374c 11.1%, #003e50 12.7%, #004454 14.3%, #004b57 15.9%, #00525b 17.5%, #00595e 19.0%, #006160 20.6%, #006862 22.2%, #006f63 23.8%, #007662 25.4%, #007d61 27.0%, #09845d 28.6%, #24885a 30.2%, #348c57 31.7%, #428f54 33.3%, #4e9251 34.9%, #5a944d 36.5%, #66964a 38.1%, #729747 39.7%, #7c9844 41.3%, #879943 42.9%, #909943 44.4%, #999a43 46.0%, #a19a45 47.6%, #a89a48 49.2%, #ae9a4c 50.8%, #b39a4f 52.4%, #b79a53 54.0%, #ba9a57 55.6%, #bc9a5b 57.1%, #bd9a5e 58.7%, #be9a60 60.3%, #be9a62 61.9%, #bd9a63 63.5%, #bb9a62 65.1%, #b99a62 66.7%, #b59960 68.3%, #af995d 69.8%, #a8985a 71.4%, #9f9758 73.0%, #959656 74.6%, #889556 76.2%, #7a9357 77.8%, #6a915b 79.4%, #598e5f 81.0%, #458b65 82.5%, #2f876b 84.1%, #0f8371 85.7%, #007c77 87.3%, #00767a 88.9%, #00707d 90.5%, #006a80 92.1%, #006482 93.7%, #005f85 95.2%, #005989 96.8%, #0f558a 98.4%, #1a518a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0524 262.27) 0.0%, oklch(21.88% 0.0542 259.27) 1.6%, oklch(23.10% 0.0565 255.72) 3.2%, oklch(24.51% 0.0592 251.65) 4.8%, oklch(26.09% 0.0623 247.12) 6.3%, oklch(27.82% 0.0657 242.18) 7.9%, oklch(29.69% 0.0648 237.00) 9.5%, oklch(31.65% 0.0641 231.36) 11.1%, oklch(33.70% 0.0641 225.47) 12.7%, oklch(35.81% 0.0649 219.39) 14.3%, oklch(37.97% 0.0665 213.14) 15.9%, oklch(40.15% 0.0688 206.80) 17.5%, oklch(42.33% 0.0720 200.42) 19.0%, oklch(44.50% 0.0761 194.03) 20.6%, oklch(46.62% 0.0812 187.70) 22.2%, oklch(48.69% 0.0875 181.48) 23.8%, oklch(50.67% 0.0952 175.41) 25.4%, oklch(52.56% 0.1046 169.54) 27.0%, oklch(54.32% 0.1138 163.95) 28.6%, oklch(55.94% 0.1159 158.65) 30.2%, oklch(57.39% 0.1175 153.72) 31.7%, oklch(58.66% 0.1185 149.19) 33.3%, oklch(59.82% 0.1189 144.73) 34.9%, oklch(60.94% 0.1188 140.00) 36.5%, oklch(62.01% 0.1182 135.06) 38.1%, oklch(63.05% 0.1171 129.97) 39.7%, oklch(64.04% 0.1157 124.79) 41.3%, oklch(64.97% 0.1139 119.59) 42.9%, oklch(65.85% 0.1118 114.44) 44.4%, oklch(66.67% 0.1095 109.38) 46.0%, oklch(67.42% 0.1070 104.50) 47.6%, oklch(68.11% 0.1043 99.84) 49.2%, oklch(68.73% 0.1017 95.47) 50.8%, oklch(69.27% 0.0989 91.45) 52.4%, oklch(69.73% 0.0963 87.85) 54.0%, oklch(70.11% 0.0937 84.73) 55.6%, oklch(70.40% 0.0913 82.15) 57.1%, oklch(70.60% 0.0890 80.18) 58.7%, oklch(70.70% 0.0870 78.87) 60.3%, oklch(70.70% 0.0854 78.29) 61.9%, oklch(70.60% 0.0840 78.51) 63.5%, oklch(70.40% 0.0831 79.57) 65.1%, oklch(70.08% 0.0827 81.56) 66.7%, oklch(69.59% 0.0827 84.74) 68.3%, oklch(68.88% 0.0829 89.26) 69.8%, oklch(67.99% 0.0835 94.98) 71.4%, oklch(66.91% 0.0844 101.78) 73.0%, oklch(65.69% 0.0855 109.51) 74.6%, oklch(64.34% 0.0867 118.06) 76.2%, oklch(62.88% 0.0882 127.28) 77.8%, oklch(61.33% 0.0898 137.03) 79.4%, oklch(59.71% 0.0915 147.20) 81.0%, oklch(58.05% 0.0933 157.65) 82.5%, oklch(56.37% 0.0951 168.23) 84.1%, oklch(54.68% 0.0970 178.83) 85.7%, oklch(53.02% 0.0918 189.30) 87.3%, oklch(51.39% 0.0874 199.53) 88.9%, oklch(49.82% 0.0860 209.37) 90.5%, oklch(48.34% 0.0872 218.69) 92.1%, oklch(46.96% 0.0910 227.35) 93.7%, oklch(45.71% 0.0973 235.23) 95.2%, oklch(44.60% 0.1062 242.18) 96.8%, oklch(43.66% 0.1095 248.04) 98.4%, oklch(42.91% 0.1102 252.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.052 | 262.3 |
| 2 | 0.587 | 0.119 | 149.2 |
| 3 | 0.701 | 0.083 | 81.6 |
| 4 | 0.429 | 0.11 | 252.8 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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