# Vivid blue, mustard, green and red radial gradient

Vivid blue, mustard, green and red radial gradient with 64 colors: #2174c3, #0b78c3, #007cbd, #0081b6, #0086af, #008aaa, #008fa5, #00949f, #00999a, #009e93, #00a48b, #00a97f, #32ac72, #51ae66, #69ae5a, #7eae4f, #8fae46, #9eae3e, #abad38, #b6ac34, #bfac32, #c6ab31, #caab30, #ceac2f, #d0ad2e, #d1af2d, #d1b12b, #cfb32a, #cdb628, #c9b928, #c5bc29, #bfbf2c, #b9c22f, #b2c534, #abc739, #a4c93e, #9ccb42, #95cc45, #90cc47, #8bcb47, #89ca45, #89c840, #8cc437, #91c028, #97ba0c, #9eb300, #a5ab00, #aaa200, #ad9900, #b08f00, #b28600, #b37c00, #b47100, #b56600, #b65a00, #b84b00, #b5411b, #af392b, #a93337, #a22d3f, #9c2946, #96264b, #902350, #8c2153. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUjGmzXrItmBAw83tbBA`
- Page: https://grabient.com/kUjGmzXrItmBAw83tbBA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, vivid
- Hues: split-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 | `#2174c3` | `oklch(55.12% 0.1447 251.72)` | Bluish | white, 4.8 to 1 |
| 2 | `#0b78c3` | `oklch(55.64% 0.1445 247.47)` | Diva Blue | white, 4.7 to 1 |
| 3 | `#007cbd` | `oklch(56.28% 0.1341 242.23)` | Deep Cerulean | black, 4.6 to 1 |
| 4 | `#0081b6` | `oklch(57.02% 0.1228 236.05)` | Primal Blue | black, 4.8 to 1 |
| 5 | `#0086af` | `oklch(57.86% 0.1141 229.08)` | Lyrebird | black, 5 to 1 |
| 6 | `#008aaa` | `oklch(58.77% 0.1081 221.42)` | Capri Breeze | black, 5.2 to 1 |
| 7 | `#008fa5` | `oklch(59.75% 0.1046 213.18)` | Parrot Flight | black, 5.4 to 1 |
| 8 | `#00949f` | `oklch(60.79% 0.1037 204.48)` | Peacock Feather | black, 5.7 to 1 |
| 9 | `#00999a` | `oklch(61.87% 0.1055 195.43)` | Regula Barbara Blue | black, 6 to 1 |
| 10 | `#009e93` | `oklch(62.99% 0.1104 186.14)` | On a Whim | black, 6.3 to 1 |
| 11 | `#00a48b` | `oklch(64.12% 0.1192 176.72)` | Brilliant Turquoise | black, 6.6 to 1 |
| 12 | `#00a97f` | `oklch(65.26% 0.1333 167.28)` | Simply Green | black, 6.9 to 1 |
| 13 | `#32ac72` | `oklch(66.40% 0.1378 157.94)` | Beanstalk | black, 7.2 to 1 |
| 14 | `#51ae66` | `oklch(67.52% 0.1373 148.80)` | Algae | black, 7.5 to 1 |
| 15 | `#69ae5a` | `oklch(68.61% 0.1369 139.98)` | Techno Green | black, 7.8 to 1 |
| 16 | `#7eae4f` | `oklch(69.66% 0.1365 131.58)` | Parakeet | black, 8 to 1 |
| 17 | `#8fae46` | `oklch(70.65% 0.1363 123.72)` | Parrot Green | black, 8.3 to 1 |
| 18 | `#9eae3e` | `oklch(71.58% 0.1363 116.51)` | Macaw Green | black, 8.5 to 1 |
| 19 | `#abad38` | `oklch(72.44% 0.1364 110.06)` | Sphagnales Moss | black, 8.7 to 1 |
| 20 | `#b6ac34` | `oklch(73.20% 0.1367 104.48)` | New Green | black, 8.9 to 1 |
| 21 | `#bfac32` | `oklch(73.86% 0.1371 99.88)` | Sharp Lime | black, 9.1 to 1 |
| 22 | `#c6ab31` | `oklch(74.41% 0.1378 96.38)` | Hippie Trail | black, 9.2 to 1 |
| 23 | `#caab30` | `oklch(74.89% 0.1388 94.05)` | Hippie Trail | black, 9.4 to 1 |
| 24 | `#ceac2f` | `oklch(75.36% 0.1401 92.84)` | Brassy | black, 9.5 to 1 |
| 25 | `#d0ad2e` | `oklch(75.82% 0.1417 92.63)` | Marina Bay Sands | black, 9.7 to 1 |
| 26 | `#d1af2d` | `oklch(76.25% 0.1435 93.30)` | Grass Daisy | black, 9.8 to 1 |
| 27 | `#d1b12b` | `oklch(76.66% 0.1456 94.74)` | Grass Daisy | black, 10 to 1 |
| 28 | `#cfb32a` | `oklch(77.03% 0.1478 96.83)` | Grass Daisy | black, 10.1 to 1 |
| 29 | `#cdb628` | `oklch(77.37% 0.1502 99.47)` | Yellowstone | black, 10.3 to 1 |
| 30 | `#c9b928` | `oklch(77.67% 0.1528 102.53)` | Humorous Green | black, 10.4 to 1 |
| 31 | `#c5bc29` | `oklch(77.92% 0.1553 105.91)` | Pyrite Yellow | black, 10.6 to 1 |
| 32 | `#bfbf2c` | `oklch(78.12% 0.1579 109.48)` | Enigma | black, 10.7 to 1 |
| 33 | `#b9c22f` | `oklch(78.26% 0.1605 113.13)` | Fluorescent Lime | black, 10.8 to 1 |
| 34 | `#b2c534` | `oklch(78.35% 0.1631 116.76)` | Crisp Green | black, 10.9 to 1 |
| 35 | `#abc739` | `oklch(78.37% 0.1656 120.24)` | Crisp Green | black, 10.9 to 1 |
| 36 | `#a4c93e` | `oklch(78.32% 0.1679 123.46)` | Android Green | black, 11 to 1 |
| 37 | `#9ccb42` | `oklch(78.19% 0.1701 126.31)` | Wicked Green | black, 11 to 1 |
| 38 | `#95cc45` | `oklch(77.99% 0.1721 128.67)` | Aromatic Herbs | black, 10.9 to 1 |
| 39 | `#90cc47` | `oklch(77.70% 0.1738 130.42)` | Midsummer Field | black, 10.8 to 1 |
| 40 | `#8bcb47` | `oklch(77.32% 0.1753 131.46)` | Midsummer Field | black, 10.7 to 1 |
| 41 | `#89ca45` | `oklch(76.84% 0.1765 131.67)` | Midsummer Field | black, 10.5 to 1 |
| 42 | `#89c840` | `oklch(76.27% 0.1773 130.93)` | Midsummer Field | black, 10.3 to 1 |
| 43 | `#8cc437` | `oklch(75.59% 0.1778 129.14)` | Citrus Surge | black, 10.1 to 1 |
| 44 | `#91c028` | `oklch(74.75% 0.1778 126.26)` | Dark Lemon Lime | black, 9.7 to 1 |
| 45 | `#97ba0c` | `oklch(73.71% 0.1775 122.44)` | Pickled Avocado | black, 9.3 to 1 |
| 46 | `#9eb300` | `oklch(72.49% 0.1683 117.76)` | Salty Thyme | black, 8.8 to 1 |
| 47 | `#a5ab00` | `oklch(71.11% 0.1578 112.32)` | Honey and Thyme | black, 8.3 to 1 |
| 48 | `#aaa200` | `oklch(69.60% 0.1486 106.22)` | Countryside | black, 7.8 to 1 |
| 49 | `#ad9900` | `oklch(67.96% 0.1411 99.55)` | Nuclear Fallout | black, 7.3 to 1 |
| 50 | `#b08f00` | `oklch(66.23% 0.1355 92.41)` | Cobra Leather | black, 6.7 to 1 |
| 51 | `#b28600` | `oklch(64.42% 0.1321 84.90)` | Arrowwood | black, 6.2 to 1 |
| 52 | `#b37c00` | `oklch(62.56% 0.1308 77.11)` | Golden Brown | black, 5.7 to 1 |
| 53 | `#b47100` | `oklch(60.67% 0.1322 69.13)` | Sweet Mulled Cider | black, 5.3 to 1 |
| 54 | `#b56600` | `oklch(58.77% 0.1364 61.08)` | Umber | black, 4.8 to 1 |
| 55 | `#b65a00` | `oklch(56.87% 0.1443 53.03)` | Elm Brown Red | white, 4.7 to 1 |
| 56 | `#b84b00` | `oklch(55.01% 0.1570 45.09)` | Beef Bourguignon | white, 5.1 to 1 |
| 57 | `#b5411b` | `oklch(53.19% 0.1579 37.39)` | Martian Ironcrust | white, 5.6 to 1 |
| 58 | `#af392b` | `oklch(51.45% 0.1559 29.96)` | Rooibos Tea | white, 6 to 1 |
| 59 | `#a93337` | `oklch(49.80% 0.1541 22.92)` | Desirable | white, 6.5 to 1 |
| 60 | `#a22d3f` | `oklch(48.27% 0.1524 16.38)` | Radish | white, 7 to 1 |
| 61 | `#9c2946` | `oklch(46.87% 0.1508 10.42)` | Vampirella | white, 7.4 to 1 |
| 62 | `#96264b` | `oklch(45.63% 0.1494 5.15)` | Raspberry Romantic | white, 7.8 to 1 |
| 63 | `#902350` | `oklch(44.57% 0.1483 0.66)` | Wine Grape | white, 8.2 to 1 |
| 64 | `#8c2153` | `oklch(43.70% 0.1474 357.04)` | Violettuce | white, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2174c3 0.0%, #0b78c3 1.6%, #007cbd 3.2%, #0081b6 4.8%, #0086af 6.3%, #008aaa 7.9%, #008fa5 9.5%, #00949f 11.1%, #00999a 12.7%, #009e93 14.3%, #00a48b 15.9%, #00a97f 17.5%, #32ac72 19.0%, #51ae66 20.6%, #69ae5a 22.2%, #7eae4f 23.8%, #8fae46 25.4%, #9eae3e 27.0%, #abad38 28.6%, #b6ac34 30.2%, #bfac32 31.7%, #c6ab31 33.3%, #caab30 34.9%, #ceac2f 36.5%, #d0ad2e 38.1%, #d1af2d 39.7%, #d1b12b 41.3%, #cfb32a 42.9%, #cdb628 44.4%, #c9b928 46.0%, #c5bc29 47.6%, #bfbf2c 49.2%, #b9c22f 50.8%, #b2c534 52.4%, #abc739 54.0%, #a4c93e 55.6%, #9ccb42 57.1%, #95cc45 58.7%, #90cc47 60.3%, #8bcb47 61.9%, #89ca45 63.5%, #89c840 65.1%, #8cc437 66.7%, #91c028 68.3%, #97ba0c 69.8%, #9eb300 71.4%, #a5ab00 73.0%, #aaa200 74.6%, #ad9900 76.2%, #b08f00 77.8%, #b28600 79.4%, #b37c00 81.0%, #b47100 82.5%, #b56600 84.1%, #b65a00 85.7%, #b84b00 87.3%, #b5411b 88.9%, #af392b 90.5%, #a93337 92.1%, #a22d3f 93.7%, #9c2946 95.2%, #96264b 96.8%, #902350 98.4%, #8c2153 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.12% 0.1447 251.72) 0.0%, oklch(55.64% 0.1445 247.47) 1.6%, oklch(56.28% 0.1341 242.23) 3.2%, oklch(57.02% 0.1228 236.05) 4.8%, oklch(57.86% 0.1141 229.08) 6.3%, oklch(58.77% 0.1081 221.42) 7.9%, oklch(59.75% 0.1046 213.18) 9.5%, oklch(60.79% 0.1037 204.48) 11.1%, oklch(61.87% 0.1055 195.43) 12.7%, oklch(62.99% 0.1104 186.14) 14.3%, oklch(64.12% 0.1192 176.72) 15.9%, oklch(65.26% 0.1333 167.28) 17.5%, oklch(66.40% 0.1378 157.94) 19.0%, oklch(67.52% 0.1373 148.80) 20.6%, oklch(68.61% 0.1369 139.98) 22.2%, oklch(69.66% 0.1365 131.58) 23.8%, oklch(70.65% 0.1363 123.72) 25.4%, oklch(71.58% 0.1363 116.51) 27.0%, oklch(72.44% 0.1364 110.06) 28.6%, oklch(73.20% 0.1367 104.48) 30.2%, oklch(73.86% 0.1371 99.88) 31.7%, oklch(74.41% 0.1378 96.38) 33.3%, oklch(74.89% 0.1388 94.05) 34.9%, oklch(75.36% 0.1401 92.84) 36.5%, oklch(75.82% 0.1417 92.63) 38.1%, oklch(76.25% 0.1435 93.30) 39.7%, oklch(76.66% 0.1456 94.74) 41.3%, oklch(77.03% 0.1478 96.83) 42.9%, oklch(77.37% 0.1502 99.47) 44.4%, oklch(77.67% 0.1528 102.53) 46.0%, oklch(77.92% 0.1553 105.91) 47.6%, oklch(78.12% 0.1579 109.48) 49.2%, oklch(78.26% 0.1605 113.13) 50.8%, oklch(78.35% 0.1631 116.76) 52.4%, oklch(78.37% 0.1656 120.24) 54.0%, oklch(78.32% 0.1679 123.46) 55.6%, oklch(78.19% 0.1701 126.31) 57.1%, oklch(77.99% 0.1721 128.67) 58.7%, oklch(77.70% 0.1738 130.42) 60.3%, oklch(77.32% 0.1753 131.46) 61.9%, oklch(76.84% 0.1765 131.67) 63.5%, oklch(76.27% 0.1773 130.93) 65.1%, oklch(75.59% 0.1778 129.14) 66.7%, oklch(74.75% 0.1778 126.26) 68.3%, oklch(73.71% 0.1775 122.44) 69.8%, oklch(72.49% 0.1683 117.76) 71.4%, oklch(71.11% 0.1578 112.32) 73.0%, oklch(69.60% 0.1486 106.22) 74.6%, oklch(67.96% 0.1411 99.55) 76.2%, oklch(66.23% 0.1355 92.41) 77.8%, oklch(64.42% 0.1321 84.90) 79.4%, oklch(62.56% 0.1308 77.11) 81.0%, oklch(60.67% 0.1322 69.13) 82.5%, oklch(58.77% 0.1364 61.08) 84.1%, oklch(56.87% 0.1443 53.03) 85.7%, oklch(55.01% 0.1570 45.09) 87.3%, oklch(53.19% 0.1579 37.39) 88.9%, oklch(51.45% 0.1559 29.96) 90.5%, oklch(49.80% 0.1541 22.92) 92.1%, oklch(48.27% 0.1524 16.38) 93.7%, oklch(46.87% 0.1508 10.42) 95.2%, oklch(45.63% 0.1494 5.15) 96.8%, oklch(44.57% 0.1483 0.66) 98.4%, oklch(43.70% 0.1474 357.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.145 | 251.7 |
| 2 | 0.744 | 0.138 | 96.4 |
| 3 | 0.756 | 0.178 | 129.1 |
| 4 | 0.437 | 0.147 | -3 |

## In these collections

- [Rainbow gradients](https://grabient.com/rainbow-gradients)

## Other forms

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