# Black, blue, teal and purple radial swatches

Black, blue, teal and purple radial swatches with 40 colors: #270d1a, #2b1222, #30192c, #352238, #392d45, #3e3953, #424660, #46546c, #4a6277, #506f7f, #577b86, #5e868b, #648f8e, #6a9590, #6d9a91, #6f9e91, #70a18f, #70a28d, #6ea38a, #6ba387, #67a383, #62a280, #5ba17e, #52a07d, #479e7d, #389d7f, #259c84, #00998a, #009492, #008e9a, #0088a4, #007fb0, #2d74b7, #4968b7, #5e5cb1, #6e50a6, #794697, #813d88, #873679, #8a306d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNCP50RGsk8nPo6s1Og`
- Page: https://grabient.com/kUNCP50RGsk8nPo6s1Og?style=radialSwatches&steps=40&angle=0
- Drawn as: radial swatches, 40 steps, 0 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#270d1a` | `oklch(20.47% 0.0482 350.86)` | Inside | white, 18.1 to 1 |
| 2 | `#2b1222` | `oklch(22.51% 0.0481 343.21)` | Black Cherry | white, 17.3 to 1 |
| 3 | `#30192c` | `oklch(25.20% 0.0476 333.16)` | Nightly Voyager | white, 16.1 to 1 |
| 4 | `#352238` | `oklch(28.43% 0.0470 321.13)` | Fat Tuesday | white, 14.6 to 1 |
| 5 | `#392d45` | `oklch(32.08% 0.0463 307.55)` | Obsidian Lava Black | white, 12.8 to 1 |
| 6 | `#3e3953` | `oklch(36.02% 0.0455 292.86)` | Maharaja | white, 11 to 1 |
| 7 | `#424660` | `oklch(40.14% 0.0448 277.49)` | Darkest Navy | white, 9.2 to 1 |
| 8 | `#46546c` | `oklch(44.31% 0.0443 261.87)` | Inkjet | white, 7.6 to 1 |
| 9 | `#4a6277` | `oklch(48.42% 0.0439 246.43)` | Plum Blue | white, 6.3 to 1 |
| 10 | `#506f7f` | `oklch(52.34% 0.0439 231.61)` | Happy Days | white, 5.3 to 1 |
| 11 | `#577b86` | `oklch(55.96% 0.0442 217.83)` | St. Bart’s | white, 4.5 to 1 |
| 12 | `#5e868b` | `oklch(59.16% 0.0450 205.52)` | Arctic | black, 5.2 to 1 |
| 13 | `#648f8e` | `oklch(61.80% 0.0463 195.12)` | Tranquil Seashore | black, 5.8 to 1 |
| 14 | `#6a9590` | `oklch(63.78% 0.0482 187.06)` | Green Turquoise | black, 6.3 to 1 |
| 15 | `#6d9a91` | `oklch(65.17% 0.0509 180.69)` | Little League | black, 6.7 to 1 |
| 16 | `#6f9e91` | `oklch(66.15% 0.0543 175.11)` | Greyish Teal | black, 6.9 to 1 |
| 17 | `#70a18f` | `oklch(66.78% 0.0584 170.33)` | Mizuasagi Green | black, 7.1 to 1 |
| 18 | `#70a28d` | `oklch(67.08% 0.0629 166.41)` | Quilotoa Green | black, 7.2 to 1 |
| 19 | `#6ea38a` | `oklch(67.11% 0.0679 163.38)` | Quilotoa Green | black, 7.2 to 1 |
| 20 | `#6ba387` | `oklch(66.89% 0.0731 161.27)` | Sea Lettuce | black, 7.2 to 1 |
| 21 | `#67a383` | `oklch(66.48% 0.0785 160.13)` | Plumosa | black, 7.1 to 1 |
| 22 | `#62a280` | `oklch(65.91% 0.0839 159.98)` | Plumosa | black, 6.9 to 1 |
| 23 | `#5ba17e` | `oklch(65.23% 0.0892 160.86)` | Green Spruce | black, 6.8 to 1 |
| 24 | `#52a07d` | `oklch(64.48% 0.0944 162.81)` | Advertising Green | black, 6.6 to 1 |
| 25 | `#479e7d` | `oklch(63.70% 0.0992 165.87)` | Natural Orchestra | black, 6.4 to 1 |
| 26 | `#389d7f` | `oklch(62.93% 0.1036 170.06)` | Green Jelly | black, 6.2 to 1 |
| 27 | `#259c84` | `oklch(62.20% 0.1075 175.44)` | Green Jelly | black, 6.1 to 1 |
| 28 | `#00998a` | `oklch(61.40% 0.1094 182.88)` | Plumage | black, 5.9 to 1 |
| 29 | `#009492` | `oklch(60.36% 0.1034 192.96)` | Paradise Landscape | black, 5.6 to 1 |
| 30 | `#008e9a` | `oklch(59.15% 0.1010 205.20)` | Coral Coast | black, 5.3 to 1 |
| 31 | `#0088a4` | `oklch(57.79% 0.1046 219.13)` | Gogo Blue | black, 5 to 1 |
| 32 | `#007fb0` | `oklch(56.33% 0.1183 234.27)` | Capstan | black, 4.6 to 1 |
| 33 | `#2d74b7` | `oklch(54.80% 0.1264 250.13)` | Campanula | white, 4.8 to 1 |
| 34 | `#4968b7` | `oklch(53.27% 0.1290 266.27)` | Azraq Blue | white, 5.3 to 1 |
| 35 | `#5e5cb1` | `oklch(51.76% 0.1314 282.22)` | Yuè Guāng Lán Moonlight | white, 5.7 to 1 |
| 36 | `#6e50a6` | `oklch(50.32% 0.1337 297.49)` | Studio | white, 6.2 to 1 |
| 37 | `#794697` | `oklch(48.98% 0.1357 311.62)` | Purple Pleasures | white, 6.7 to 1 |
| 38 | `#813d88` | `oklch(47.80% 0.1375 324.13)` | Violet Webcap | white, 7.1 to 1 |
| 39 | `#873679` | `oklch(46.82% 0.1392 334.55)` | Violet Vixen | white, 7.4 to 1 |
| 40 | `#8a306d` | `oklch(46.06% 0.1406 342.41)` | Beetiful Magenta | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #270d1a 0.000% 2.500%, #2b1222 2.500% 5.000%, #30192c 5.000% 7.500%, #352238 7.500% 10.000%, #392d45 10.000% 12.500%, #3e3953 12.500% 15.000%, #424660 15.000% 17.500%, #46546c 17.500% 20.000%, #4a6277 20.000% 22.500%, #506f7f 22.500% 25.000%, #577b86 25.000% 27.500%, #5e868b 27.500% 30.000%, #648f8e 30.000% 32.500%, #6a9590 32.500% 35.000%, #6d9a91 35.000% 37.500%, #6f9e91 37.500% 40.000%, #70a18f 40.000% 42.500%, #70a28d 42.500% 45.000%, #6ea38a 45.000% 47.500%, #6ba387 47.500% 50.000%, #67a383 50.000% 52.500%, #62a280 52.500% 55.000%, #5ba17e 55.000% 57.500%, #52a07d 57.500% 60.000%, #479e7d 60.000% 62.500%, #389d7f 62.500% 65.000%, #259c84 65.000% 67.500%, #00998a 67.500% 70.000%, #009492 70.000% 72.500%, #008e9a 72.500% 75.000%, #0088a4 75.000% 77.500%, #007fb0 77.500% 80.000%, #2d74b7 80.000% 82.500%, #4968b7 82.500% 85.000%, #5e5cb1 85.000% 87.500%, #6e50a6 87.500% 90.000%, #794697 90.000% 92.500%, #813d88 92.500% 95.000%, #873679 95.000% 97.500%, #8a306d 97.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(20.47% 0.0482 350.86) 0.000% 2.500%, oklch(22.51% 0.0481 343.21) 2.500% 5.000%, oklch(25.20% 0.0476 333.16) 5.000% 7.500%, oklch(28.43% 0.0470 321.13) 7.500% 10.000%, oklch(32.08% 0.0463 307.55) 10.000% 12.500%, oklch(36.02% 0.0455 292.86) 12.500% 15.000%, oklch(40.14% 0.0448 277.49) 15.000% 17.500%, oklch(44.31% 0.0443 261.87) 17.500% 20.000%, oklch(48.42% 0.0439 246.43) 20.000% 22.500%, oklch(52.34% 0.0439 231.61) 22.500% 25.000%, oklch(55.96% 0.0442 217.83) 25.000% 27.500%, oklch(59.16% 0.0450 205.52) 27.500% 30.000%, oklch(61.80% 0.0463 195.12) 30.000% 32.500%, oklch(63.78% 0.0482 187.06) 32.500% 35.000%, oklch(65.17% 0.0509 180.69) 35.000% 37.500%, oklch(66.15% 0.0543 175.11) 37.500% 40.000%, oklch(66.78% 0.0584 170.33) 40.000% 42.500%, oklch(67.08% 0.0629 166.41) 42.500% 45.000%, oklch(67.11% 0.0679 163.38) 45.000% 47.500%, oklch(66.89% 0.0731 161.27) 47.500% 50.000%, oklch(66.48% 0.0785 160.13) 50.000% 52.500%, oklch(65.91% 0.0839 159.98) 52.500% 55.000%, oklch(65.23% 0.0892 160.86) 55.000% 57.500%, oklch(64.48% 0.0944 162.81) 57.500% 60.000%, oklch(63.70% 0.0992 165.87) 60.000% 62.500%, oklch(62.93% 0.1036 170.06) 62.500% 65.000%, oklch(62.20% 0.1075 175.44) 65.000% 67.500%, oklch(61.40% 0.1094 182.88) 67.500% 70.000%, oklch(60.36% 0.1034 192.96) 70.000% 72.500%, oklch(59.15% 0.1010 205.20) 72.500% 75.000%, oklch(57.79% 0.1046 219.13) 75.000% 77.500%, oklch(56.33% 0.1183 234.27) 77.500% 80.000%, oklch(54.80% 0.1264 250.13) 80.000% 82.500%, oklch(53.27% 0.1290 266.27) 82.500% 85.000%, oklch(51.76% 0.1314 282.22) 85.000% 87.500%, oklch(50.32% 0.1337 297.49) 87.500% 90.000%, oklch(48.98% 0.1357 311.62) 90.000% 92.500%, oklch(47.80% 0.1375 324.13) 92.500% 95.000%, oklch(46.82% 0.1392 334.55) 95.000% 97.500%, oklch(46.06% 0.1406 342.41) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.048 | 350.9 |
| 2 | 0.638 | 0.048 | 187.1 |
| 3 | 0.622 | 0.107 | 175.4 |
| 4 | 0.461 | 0.141 | 342.4 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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