# Light blue, blue, purple and black radial swatches

Light blue, blue, purple and black radial swatches with 22 colors: #bcdcff, #acd4ff, #94caff, #75beff, #53b0ff, #3aa0ff, #3f8bff, #5b70fc, #7362c9, #755899, #6b5176, #614765, #5b3a5d, #58295c, #54125e, #4c0059, #41004e, #370042, #2d0037, #25002e, #1e0026, #1a0020. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW4Guy1uDADoVR-jwb_lEk_4`
- Page: https://grabient.com/kW4Guy1uDADoVR-jwb_lEk_4?style=radialSwatches&steps=22
- Drawn as: radial swatches, 22 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 13.8 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 | `#bcdcff` | `oklch(88.19% 0.0597 251.01)` | Broad Daylight | black, 14.7 to 1 |
| 2 | `#acd4ff` | `oklch(85.65% 0.0736 250.17)` | Ice Cold Stare | black, 13.6 to 1 |
| 3 | `#94caff` | `oklch(82.11% 0.0940 248.35)` | Apocyan | black, 12.1 to 1 |
| 4 | `#75beff` | `oklch(77.93% 0.1188 246.90)` | Green Darner Tail | black, 10.5 to 1 |
| 5 | `#53b0ff` | `oklch(73.49% 0.1450 247.19)` | Tiān Lán Sky | black, 9 to 1 |
| 6 | `#3aa0ff` | `oklch(69.14% 0.1682 250.58)` | Sky Dancer | black, 7.6 to 1 |
| 7 | `#3f8bff` | `oklch(64.99% 0.1878 258.83)` | Bleuchâtel Blue | black, 6.3 to 1 |
| 8 | `#5b70fc` | `oklch(60.63% 0.2085 272.19)` | Blue Genie | black, 5.1 to 1 |
| 9 | `#7362c9` | `oklch(56.19% 0.1547 287.96)` | Ultra Violet | white, 4.8 to 1 |
| 10 | `#755899` | `oklch(51.81% 0.1027 303.37)` | Juneberry | white, 5.8 to 1 |
| 11 | `#6b5176` | `oklch(47.63% 0.0661 315.63)` | Exotic Purple | white, 6.8 to 1 |
| 12 | `#614765` | `oklch(43.78% 0.0571 322.34)` | Brunneous | white, 8 to 1 |
| 13 | `#5b3a5d` | `oklch(40.10% 0.0718 324.63)` | Purple Wineberry | white, 9.5 to 1 |
| 14 | `#58295c` | `oklch(36.60% 0.1007 324.12)` | Kuwanomi Purple | white, 11.1 to 1 |
| 15 | `#54125e` | `oklch(33.28% 0.1349 322.21)` | Cosmic Explorer | white, 12.9 to 1 |
| 16 | `#4c0059` | `oklch(30.18% 0.1446 320.28)` | Clairvoyant | white, 14.4 to 1 |
| 17 | `#41004e` | `oklch(27.27% 0.1311 319.68)` | Ripe Plum | white, 15.7 to 1 |
| 18 | `#370042` | `oklch(24.44% 0.1175 319.67)` | Deep Purple | white, 16.9 to 1 |
| 19 | `#2d0037` | `oklch(21.74% 0.1045 319.65)` | Poisonous Purple | white, 17.9 to 1 |
| 20 | `#25002e` | `oklch(19.32% 0.0929 319.63)` | Coal Mine | white, 18.7 to 1 |
| 21 | `#1e0026` | `oklch(17.30% 0.0832 319.60)` | Black Sabbath | white, 19.3 to 1 |
| 22 | `#1a0020` | `oklch(15.84% 0.0762 319.57)` | Black Sabbath | white, 19.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bcdcff 0.000% 4.545%, #acd4ff 4.545% 9.091%, #94caff 9.091% 13.636%, #75beff 13.636% 18.182%, #53b0ff 18.182% 22.727%, #3aa0ff 22.727% 27.273%, #3f8bff 27.273% 31.818%, #5b70fc 31.818% 36.364%, #7362c9 36.364% 40.909%, #755899 40.909% 45.455%, #6b5176 45.455% 50.000%, #614765 50.000% 54.545%, #5b3a5d 54.545% 59.091%, #58295c 59.091% 63.636%, #54125e 63.636% 68.182%, #4c0059 68.182% 72.727%, #41004e 72.727% 77.273%, #370042 77.273% 81.818%, #2d0037 81.818% 86.364%, #25002e 86.364% 90.909%, #1e0026 90.909% 95.455%, #1a0020 95.455% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.19% 0.0597 251.01) 0.000% 4.545%, oklch(85.65% 0.0736 250.17) 4.545% 9.091%, oklch(82.11% 0.0940 248.35) 9.091% 13.636%, oklch(77.93% 0.1188 246.90) 13.636% 18.182%, oklch(73.49% 0.1450 247.19) 18.182% 22.727%, oklch(69.14% 0.1682 250.58) 22.727% 27.273%, oklch(64.99% 0.1878 258.83) 27.273% 31.818%, oklch(60.63% 0.2085 272.19) 31.818% 36.364%, oklch(56.19% 0.1547 287.96) 36.364% 40.909%, oklch(51.81% 0.1027 303.37) 40.909% 45.455%, oklch(47.63% 0.0661 315.63) 45.455% 50.000%, oklch(43.78% 0.0571 322.34) 50.000% 54.545%, oklch(40.10% 0.0718 324.63) 54.545% 59.091%, oklch(36.60% 0.1007 324.12) 59.091% 63.636%, oklch(33.28% 0.1349 322.21) 63.636% 68.182%, oklch(30.18% 0.1446 320.28) 68.182% 72.727%, oklch(27.27% 0.1311 319.68) 72.727% 77.273%, oklch(24.44% 0.1175 319.67) 77.273% 81.818%, oklch(21.74% 0.1045 319.65) 81.818% 86.364%, oklch(19.32% 0.0929 319.63) 86.364% 90.909%, oklch(17.30% 0.0832 319.60) 90.909% 95.455%, oklch(15.84% 0.0762 319.57) 95.455% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.147 | 251 |
| 2 | 0.681 | 0.266 | 252.1 |
| 3 | 0.457 | 0.058 | 319.7 |
| 4 | 0.28 | 0.181 | 319.7 |
| 5 | 0.157 | 0.201 | 319.7 |

## Other forms

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