# Gray, blue and pink angular swatches

Gray, blue and pink angular swatches with 32 colors: #474a5b, #474c62, #484d6c, #494e78, #4b5086, #4e5294, #5055a2, #525aaf, #5263bb, #4d72c7, #4686d1, #419bd7, #48afd9, #5ac0dc, #6dcddf, #79d4e4, #7dd6ec, #7cd1f5, #83c4fe, #95b0ff, #ac99f4, #c082db, #ce70bc, #d664a1, #da6192, #dd638d, #e0688f, #e26f96, #e476a0, #e67da9, #e783b1, #e887b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWaRTEQrI_ukguJTudCXi8_w`
- Page: https://grabient.com/kWaRTEQrI_ukguJTudCXi8_w?style=angularSwatches&steps=32&angle=0
- Drawn as: angular swatches, 32 steps, 0 degrees
- Kinds: light center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#474a5b` | `oklch(41.34% 0.0276 275.63)` | Black Flame | white, 8.7 to 1 |
| 2 | `#474c62` | `oklch(42.08% 0.0375 275.89)` | Blue Suede Shoes | white, 8.4 to 1 |
| 3 | `#484d6c` | `oklch(42.92% 0.0521 276.72)` | Royal Hyacinth | white, 8.2 to 1 |
| 4 | `#494e78` | `oklch(43.92% 0.0695 277.73)` | Skipper Blue | white, 7.9 to 1 |
| 5 | `#4b5086` | `oklch(45.12% 0.0880 278.54)` | Twilight | white, 7.5 to 1 |
| 6 | `#4e5294` | `oklch(46.58% 0.1059 278.80)` | Onion Skin Blue | white, 7.1 to 1 |
| 7 | `#5055a2` | `oklch(48.35% 0.1215 278.11)` | Governor Bay | white, 6.6 to 1 |
| 8 | `#525aaf` | `oklch(50.49% 0.1329 276.10)` | Chinese Bellflower | white, 6 to 1 |
| 9 | `#5263bb` | `oklch(53.07% 0.1386 272.31)` | Borage Blue | white, 5.4 to 1 |
| 10 | `#4d72c7` | `oklch(56.67% 0.1377 264.66)` | Palace Blue | white, 4.6 to 1 |
| 11 | `#4686d1` | `oklch(61.17% 0.1319 253.75)` | Blue Sonki | black, 5.5 to 1 |
| 12 | `#419bd7` | `oklch(66.12% 0.1228 241.26)` | Flax Flower Blue | black, 6.8 to 1 |
| 13 | `#48afd9` | `oklch(71.12% 0.1123 228.91)` | Highlighter Blue | black, 8.4 to 1 |
| 14 | `#5ac0dc` | `oklch(75.72% 0.1020 218.38)` | Naxos Sky | black, 9.9 to 1 |
| 15 | `#6dcddf` | `oklch(79.49% 0.0939 211.37)` | Slick Blue | black, 11.3 to 1 |
| 16 | `#79d4e4` | `oklch(82.02% 0.0897 209.58)` | Middle Blue | black, 12.4 to 1 |
| 17 | `#7dd6ec` | `oklch(82.87% 0.0909 214.78)` | Middle Blue | black, 12.7 to 1 |
| 18 | `#7cd1f5` | `oklch(81.99% 0.0970 227.73)` | Heisenberg Blue | black, 12.2 to 1 |
| 19 | `#83c4fe` | `oklch(79.82% 0.1066 246.47)` | Chromis Damsel Blue | black, 11.2 to 1 |
| 20 | `#95b0ff` | `oklch(76.83% 0.1175 268.78)` | Widowmaker | black, 9.9 to 1 |
| 21 | `#ac99f4` | `oklch(73.48% 0.1305 292.42)` | Dull Lavender | black, 8.6 to 1 |
| 22 | `#c082db` | `oklch(70.23% 0.1421 315.19)` | Purception | black, 7.4 to 1 |
| 23 | `#ce70bc` | `oklch(67.56% 0.1516 334.86)` | Gulābī Pink | black, 6.6 to 1 |
| 24 | `#d664a1` | `oklch(65.94% 0.1577 349.21)` | Sugar Rush | black, 6.2 to 1 |
| 25 | `#da6192` | `oklch(65.59% 0.1594 357.19)` | Groovy | black, 6.1 to 1 |
| 26 | `#dd638d` | `oklch(66.07% 0.1580 1.03)` | Groovy | black, 6.2 to 1 |
| 27 | `#e0688f` | `oklch(67.16% 0.1542 1.75)` | Love Letter | black, 6.5 to 1 |
| 28 | `#e26f96` | `oklch(68.62% 0.1490 0.26)` | The Sickener | black, 6.9 to 1 |
| 29 | `#e476a0` | `oklch(70.26% 0.1431 357.49)` | Pinking. Fast and Slow | black, 7.4 to 1 |
| 30 | `#e67da9` | `oklch(71.85% 0.1374 354.35)` | Mangala Pink | black, 7.8 to 1 |
| 31 | `#e783b1` | `oklch(73.17% 0.1326 351.77)` | Mangala Pink | black, 8.2 to 1 |
| 32 | `#e887b5` | `oklch(74.02% 0.1295 350.65)` | Tempting Pink | black, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #474a5b 0.000% 3.125%, #474c62 3.125% 6.250%, #484d6c 6.250% 9.375%, #494e78 9.375% 12.500%, #4b5086 12.500% 15.625%, #4e5294 15.625% 18.750%, #5055a2 18.750% 21.875%, #525aaf 21.875% 25.000%, #5263bb 25.000% 28.125%, #4d72c7 28.125% 31.250%, #4686d1 31.250% 34.375%, #419bd7 34.375% 37.500%, #48afd9 37.500% 40.625%, #5ac0dc 40.625% 43.750%, #6dcddf 43.750% 46.875%, #79d4e4 46.875% 50.000%, #7dd6ec 50.000% 53.125%, #7cd1f5 53.125% 56.250%, #83c4fe 56.250% 59.375%, #95b0ff 59.375% 62.500%, #ac99f4 62.500% 65.625%, #c082db 65.625% 68.750%, #ce70bc 68.750% 71.875%, #d664a1 71.875% 75.000%, #da6192 75.000% 78.125%, #dd638d 78.125% 81.250%, #e0688f 81.250% 84.375%, #e26f96 84.375% 87.500%, #e476a0 87.500% 90.625%, #e67da9 90.625% 93.750%, #e783b1 93.750% 96.875%, #e887b5 96.875% 100.000%);
background: conic-gradient(from 0deg, oklch(41.34% 0.0276 275.63) 0.000% 3.125%, oklch(42.08% 0.0375 275.89) 3.125% 6.250%, oklch(42.92% 0.0521 276.72) 6.250% 9.375%, oklch(43.92% 0.0695 277.73) 9.375% 12.500%, oklch(45.12% 0.0880 278.54) 12.500% 15.625%, oklch(46.58% 0.1059 278.80) 15.625% 18.750%, oklch(48.35% 0.1215 278.11) 18.750% 21.875%, oklch(50.49% 0.1329 276.10) 21.875% 25.000%, oklch(53.07% 0.1386 272.31) 25.000% 28.125%, oklch(56.67% 0.1377 264.66) 28.125% 31.250%, oklch(61.17% 0.1319 253.75) 31.250% 34.375%, oklch(66.12% 0.1228 241.26) 34.375% 37.500%, oklch(71.12% 0.1123 228.91) 37.500% 40.625%, oklch(75.72% 0.1020 218.38) 40.625% 43.750%, oklch(79.49% 0.0939 211.37) 43.750% 46.875%, oklch(82.02% 0.0897 209.58) 46.875% 50.000%, oklch(82.87% 0.0909 214.78) 50.000% 53.125%, oklch(81.99% 0.0970 227.73) 53.125% 56.250%, oklch(79.82% 0.1066 246.47) 56.250% 59.375%, oklch(76.83% 0.1175 268.78) 59.375% 62.500%, oklch(73.48% 0.1305 292.42) 62.500% 65.625%, oklch(70.23% 0.1421 315.19) 65.625% 68.750%, oklch(67.56% 0.1516 334.86) 68.750% 71.875%, oklch(65.94% 0.1577 349.21) 71.875% 75.000%, oklch(65.59% 0.1594 357.19) 75.000% 78.125%, oklch(66.07% 0.1580 1.03) 78.125% 81.250%, oklch(67.16% 0.1542 1.75) 81.250% 84.375%, oklch(68.62% 0.1490 0.26) 84.375% 87.500%, oklch(70.26% 0.1431 357.49) 87.500% 90.625%, oklch(71.85% 0.1374 354.35) 90.625% 93.750%, oklch(73.17% 0.1326 351.77) 93.750% 96.875%, oklch(74.02% 0.1295 350.65) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.028 | 275.6 |
| 2 | 0.524 | 0.138 | 273.5 |
| 3 | 0.827 | 0.09 | 211.2 |
| 4 | 0.657 | 0.158 | 351.7 |
| 5 | 0.74 | 0.13 | 350.7 |

## Other forms

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