# Magenta copper and amber oil slick fan

Seamless black, purple and orange angular swatches with 32 colors: #0a0b10, #0d0d16, #11111f, #17152a, #201936, #2a1c42, #35204d, #412256, #4c255e, #582664, #632869, #6f2a6d, #7b2b6f, #862d70, #922f6f, #9e326c, #a93766, #b63f5c, #c34c4e, #cc5b3e, #d06b30, #d07828, #cc8029, #c68031, #bc763a, #ab6544, #91524b, #71404b, #4f3143, #322334, #1d1823, #111016. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless black, purple and orange angular swatches
- Seed: `kWJgjEqyVEUA4RNTLUgloSwY`
- Page: https://grabient.com/kWJgjEqyVEUA4RNTLUgloSwY?style=angularSwatches&steps=32&angle=180
- Drawn as: angular swatches, 32 steps, 180 degrees
- Kinds: light center, multicolor, seamless
- 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 | `#0a0b10` | `oklch(14.96% 0.0110 276.33)` | Midnight Oil | white, 19.6 to 1 |
| 2 | `#0d0d16` | `oklch(16.49% 0.0186 279.26)` | Midnight Oil | white, 19.2 to 1 |
| 3 | `#11111f` | `oklch(18.55% 0.0290 283.14)` | Corbeau | white, 18.6 to 1 |
| 4 | `#17152a` | `oklch(21.01% 0.0414 287.76)` | Sambucus | white, 17.8 to 1 |
| 5 | `#201936` | `oklch(23.72% 0.0550 292.91)` | Nightwalker | white, 16.7 to 1 |
| 6 | `#2a1c42` | `oklch(26.56% 0.0689 298.38)` | Throat | white, 15.5 to 1 |
| 7 | `#35204d` | `oklch(29.38% 0.0822 303.95)` | Powerful Violet | white, 14.3 to 1 |
| 8 | `#412256` | `oklch(32.04% 0.0943 309.41)` | Galactic Wonder | white, 13.1 to 1 |
| 9 | `#4c255e` | `oklch(34.43% 0.1043 314.57)` | Wonka Purple | white, 12.1 to 1 |
| 10 | `#582664` | `oklch(36.68% 0.1135 319.41)` | Elegant Purple Gown | white, 11.1 to 1 |
| 11 | `#632869` | `oklch(38.88% 0.1225 324.12)` | Blackest Berry | white, 10.2 to 1 |
| 12 | `#6f2a6d` | `oklch(41.04% 0.1309 328.84)` | Byzantium | white, 9.4 to 1 |
| 13 | `#7b2b6f` | `oklch(43.17% 0.1385 333.74)` | Grape Juice | white, 8.6 to 1 |
| 14 | `#862d70` | `oklch(45.26% 0.1449 338.97)` | Violet Vixen | white, 7.9 to 1 |
| 15 | `#922f6f` | `oklch(47.33% 0.1500 344.69)` | Beetiful Magenta | white, 7.3 to 1 |
| 16 | `#9e326c` | `oklch(49.38% 0.1534 351.06)` | Amaranth Deep Purple | white, 6.7 to 1 |
| 17 | `#a93766` | `oklch(51.53% 0.1549 358.61)` | Valentine’s Day | white, 6.1 to 1 |
| 18 | `#b63f5c` | `oklch(54.33% 0.1549 9.26)` | Merlot Magic | white, 5.4 to 1 |
| 19 | `#c34c4e` | `oklch(57.54% 0.1535 21.99)` | Red Trillium | white, 4.7 to 1 |
| 20 | `#cc5b3e` | `oklch(60.76% 0.1508 35.32)` | Grand Duke | black, 5.1 to 1 |
| 21 | `#d06b30` | `oklch(63.59% 0.1467 47.76)` | Hot Wings | black, 5.8 to 1 |
| 22 | `#d07828` | `oklch(65.63% 0.1412 57.85)` | Ochre | black, 6.3 to 1 |
| 23 | `#cc8029` | `oklch(66.51% 0.1344 64.10)` | Chinese Bronze | black, 6.6 to 1 |
| 24 | `#c68031` | `oklch(65.82% 0.1263 65.04)` | Mulberry Thorn | black, 6.5 to 1 |
| 25 | `#bc763a` | `oklch(63.01% 0.1160 58.96)` | Cray | black, 5.8 to 1 |
| 26 | `#ab6544` | `oklch(57.89% 0.1021 45.69)` | Amazonian | black, 4.6 to 1 |
| 27 | `#91524b` | `oklch(51.14% 0.0859 27.28)` | Cogswell Cedar | white, 5.9 to 1 |
| 28 | `#71404b` | `oklch(43.46% 0.0685 5.89)` | Blood Rose | white, 8.2 to 1 |
| 29 | `#4f3143` | `oklch(35.57% 0.0512 343.65)` | Loulou | white, 11.3 to 1 |
| 30 | `#322334` | `oklch(28.17% 0.0353 322.71)` | Zero Gravity | white, 14.7 to 1 |
| 31 | `#1d1823` | `oklch(21.99% 0.0219 305.19)` | Coarse Wool | white, 17.4 to 1 |
| 32 | `#111016` | `oklch(17.72% 0.0124 293.24)` | Ruined Smores | white, 18.9 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #0a0b10 0.000% 3.125%, #0d0d16 3.125% 6.250%, #11111f 6.250% 9.375%, #17152a 9.375% 12.500%, #201936 12.500% 15.625%, #2a1c42 15.625% 18.750%, #35204d 18.750% 21.875%, #412256 21.875% 25.000%, #4c255e 25.000% 28.125%, #582664 28.125% 31.250%, #632869 31.250% 34.375%, #6f2a6d 34.375% 37.500%, #7b2b6f 37.500% 40.625%, #862d70 40.625% 43.750%, #922f6f 43.750% 46.875%, #9e326c 46.875% 50.000%, #a93766 50.000% 53.125%, #b63f5c 53.125% 56.250%, #c34c4e 56.250% 59.375%, #cc5b3e 59.375% 62.500%, #d06b30 62.500% 65.625%, #d07828 65.625% 68.750%, #cc8029 68.750% 71.875%, #c68031 71.875% 75.000%, #bc763a 75.000% 78.125%, #ab6544 78.125% 81.250%, #91524b 81.250% 84.375%, #71404b 84.375% 87.500%, #4f3143 87.500% 90.625%, #322334 90.625% 93.750%, #1d1823 93.750% 96.875%, #111016 96.875% 100.000%);
background: conic-gradient(from 180deg, oklch(14.96% 0.0110 276.33) 0.000% 3.125%, oklch(16.49% 0.0186 279.26) 3.125% 6.250%, oklch(18.55% 0.0290 283.14) 6.250% 9.375%, oklch(21.01% 0.0414 287.76) 9.375% 12.500%, oklch(23.72% 0.0550 292.91) 12.500% 15.625%, oklch(26.56% 0.0689 298.38) 15.625% 18.750%, oklch(29.38% 0.0822 303.95) 18.750% 21.875%, oklch(32.04% 0.0943 309.41) 21.875% 25.000%, oklch(34.43% 0.1043 314.57) 25.000% 28.125%, oklch(36.68% 0.1135 319.41) 28.125% 31.250%, oklch(38.88% 0.1225 324.12) 31.250% 34.375%, oklch(41.04% 0.1309 328.84) 34.375% 37.500%, oklch(43.17% 0.1385 333.74) 37.500% 40.625%, oklch(45.26% 0.1449 338.97) 40.625% 43.750%, oklch(47.33% 0.1500 344.69) 43.750% 46.875%, oklch(49.38% 0.1534 351.06) 46.875% 50.000%, oklch(51.53% 0.1549 358.61) 50.000% 53.125%, oklch(54.33% 0.1549 9.26) 53.125% 56.250%, oklch(57.54% 0.1535 21.99) 56.250% 59.375%, oklch(60.76% 0.1508 35.32) 59.375% 62.500%, oklch(63.59% 0.1467 47.76) 62.500% 65.625%, oklch(65.63% 0.1412 57.85) 65.625% 68.750%, oklch(66.51% 0.1344 64.10) 68.750% 71.875%, oklch(65.82% 0.1263 65.04) 71.875% 75.000%, oklch(63.01% 0.1160 58.96) 75.000% 78.125%, oklch(57.89% 0.1021 45.69) 78.125% 81.250%, oklch(51.14% 0.0859 27.28) 81.250% 84.375%, oklch(43.46% 0.0685 5.89) 84.375% 87.500%, oklch(35.57% 0.0512 343.65) 87.500% 90.625%, oklch(28.17% 0.0353 322.71) 90.625% 93.750%, oklch(21.99% 0.0219 305.19) 93.750% 96.875%, oklch(17.72% 0.0124 293.24) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.011 | 276.3 |
| 2 | 0.339 | 0.102 | 313.3 |
| 3 | 0.504 | 0.154 | 354.5 |
| 4 | 0.654 | 0.124 | 424.3 |
| 5 | 0.177 | 0.012 | 293.2 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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