# Rose olive and violet fan

Navy, purple, pink and olive angular swatches with 48 colors: #2b1b3c, #2f1e40, #332145, #38264b, #3d2b52, #433059, #4a3662, #513d6b, #584474, #604b7e, #685389, #705b93, #79639e, #816ba8, #8a73b3, #937bbd, #9c82c6, #a489cf, #ad8fd7, #b595de, #bd9ae4, #c59de8, #cca0eb, #d3a2ec, #d9a3eb, #dea3e7, #e3a2e2, #e7a0da, #ea9ed1, #ec9bc6, #ec99ba, #eb96ae, #e893a0, #e49193, #de8f86, #d78d7a, #cf8b6f, #c68a65, #bd885c, #b38756, #a98551, #9f844e, #95824c, #8c814b, #857f4b, #7e7e4b, #787d4c, #737c4d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, pink and olive angular swatches
- Seed: `kSQi7ZZCnBMgZUw`
- Page: https://grabient.com/kSQi7ZZCnBMgZUw?style=angularSwatches&steps=48&angle=75
- Drawn as: angular swatches, 48 steps, 75 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.9 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 | `#2b1b3c` | `oklch(25.98% 0.0634 305.16)` | Blackcurrant | white, 15.8 to 1 |
| 2 | `#2f1e40` | `oklch(27.27% 0.0646 305.27)` | Throat | white, 15.2 to 1 |
| 3 | `#332145` | `oklch(28.84% 0.0662 305.18)` | Power Outage | white, 14.5 to 1 |
| 4 | `#38264b` | `oklch(30.69% 0.0681 304.92)` | Operetta Mauve | white, 13.6 to 1 |
| 5 | `#3d2b52` | `oklch(32.77% 0.0702 304.52)` | Midnight Pie | white, 12.6 to 1 |
| 6 | `#433059` | `oklch(35.06% 0.0726 304.02)` | Jakarta Skyline | white, 11.6 to 1 |
| 7 | `#4a3662` | `oklch(37.53% 0.0751 303.44)` | Petunia | white, 10.5 to 1 |
| 8 | `#513d6b` | `oklch(40.16% 0.0778 302.82)` | Succinct Violet | white, 9.4 to 1 |
| 9 | `#584474` | `oklch(42.90% 0.0807 302.20)` | When Red Met Blue | white, 8.4 to 1 |
| 10 | `#604b7e` | `oklch(45.73% 0.0836 301.59)` | Sumptuous Purple | white, 7.4 to 1 |
| 11 | `#685389` | `oklch(48.62% 0.0865 301.05)` | Zimidar | white, 6.5 to 1 |
| 12 | `#705b93` | `oklch(51.54% 0.0895 300.60)` | Just a Fairytale | white, 5.8 to 1 |
| 13 | `#79639e` | `oklch(54.47% 0.0925 300.27)` | Purple Paradise | white, 5.1 to 1 |
| 14 | `#816ba8` | `oklch(57.37% 0.0954 300.09)` | Plum Preserve | black, 4.6 to 1 |
| 15 | `#8a73b3` | `oklch(60.21% 0.0982 300.10)` | Dahlia Purple | black, 5.1 to 1 |
| 16 | `#937bbd` | `oklch(62.97% 0.1009 300.33)` | Royal Raul | black, 5.7 to 1 |
| 17 | `#9c82c6` | `oklch(65.61% 0.1035 300.81)` | Lilac Purple | black, 6.4 to 1 |
| 18 | `#a489cf` | `oklch(68.10% 0.1058 301.57)` | Middy’s Purple | black, 7 to 1 |
| 19 | `#ad8fd7` | `oklch(70.42% 0.1080 302.65)` | Middy’s Purple | black, 7.6 to 1 |
| 20 | `#b595de` | `oklch(72.54% 0.1099 304.09)` | Dreamy Candy Forest | black, 8.3 to 1 |
| 21 | `#bd9ae4` | `oklch(74.42% 0.1115 305.90)` | Bright Lavender | black, 8.8 to 1 |
| 22 | `#c59de8` | `oklch(76.04% 0.1128 308.13)` | Lavender Cream | black, 9.4 to 1 |
| 23 | `#cca0eb` | `oklch(77.36% 0.1137 310.80)` | Bright Ube | black, 9.8 to 1 |
| 24 | `#d3a2ec` | `oklch(78.37% 0.1143 313.96)` | Bright Ube | black, 10.1 to 1 |
| 25 | `#d9a3eb` | `oklch(79.03% 0.1144 317.66)` | Bright Ube | black, 10.4 to 1 |
| 26 | `#dea3e7` | `oklch(79.38% 0.1141 322.13)` | Herb Robert | black, 10.5 to 1 |
| 27 | `#e3a2e2` | `oklch(79.46% 0.1134 327.32)` | Plum Juice | black, 10.5 to 1 |
| 28 | `#e7a0da` | `oklch(79.28% 0.1124 333.18)` | Plum Juice | black, 10.4 to 1 |
| 29 | `#ea9ed1` | `oklch(78.87% 0.1110 339.62)` | Violet Kiss | black, 10.2 to 1 |
| 30 | `#ec9bc6` | `oklch(78.25% 0.1094 346.58)` | Sultan of Pink | black, 10 to 1 |
| 31 | `#ec99ba` | `oklch(77.45% 0.1075 353.98)` | Shocking | black, 9.7 to 1 |
| 32 | `#eb96ae` | `oklch(76.47% 0.1054 1.75)` | Double Bubble | black, 9.4 to 1 |
| 33 | `#e893a0` | `oklch(75.36% 0.1031 9.82)` | Peony | black, 9.1 to 1 |
| 34 | `#e49193` | `oklch(74.12% 0.1007 18.11)` | Fresh Pink | black, 8.7 to 1 |
| 35 | `#de8f86` | `oklch(72.79% 0.0981 26.56)` | Honeysuckle Rose | black, 8.3 to 1 |
| 36 | `#d78d7a` | `oklch(71.38% 0.0955 35.09)` | Vintage Coral | black, 7.9 to 1 |
| 37 | `#cf8b6f` | `oklch(69.91% 0.0928 43.63)` | Fireplace Glow | black, 7.5 to 1 |
| 38 | `#c68a65` | `oklch(68.42% 0.0901 52.10)` | Copper Hide | black, 7.2 to 1 |
| 39 | `#bd885c` | `oklch(66.91% 0.0874 60.43)` | Deer | black, 6.8 to 1 |
| 40 | `#b38756` | `oklch(65.42% 0.0847 68.56)` | Allegro | black, 6.4 to 1 |
| 41 | `#a98551` | `oklch(63.97% 0.0821 76.41)` | Muddy Waters | black, 6.1 to 1 |
| 42 | `#9f844e` | `oklch(62.58% 0.0796 83.90)` | Wheatmeal | black, 5.8 to 1 |
| 43 | `#95824c` | `oklch(61.26% 0.0773 90.97)` | G.I. | black, 5.6 to 1 |
| 44 | `#8c814b` | `oklch(60.05% 0.0751 97.54)` | Shaded Glen | black, 5.3 to 1 |
| 45 | `#857f4b` | `oklch(58.97% 0.0732 103.55)` | Green Moss | black, 5.1 to 1 |
| 46 | `#7e7e4b` | `oklch(58.03% 0.0715 108.90)` | Terrapin | black, 4.9 to 1 |
| 47 | `#787d4c` | `oklch(57.27% 0.0700 113.55)` | Tara’s Drapes | black, 4.8 to 1 |
| 48 | `#737c4d` | `oklch(56.69% 0.0689 117.41)` | Tara’s Drapes | black, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 75deg, #2b1b3c 0.000% 2.083%, #2f1e40 2.083% 4.167%, #332145 4.167% 6.250%, #38264b 6.250% 8.333%, #3d2b52 8.333% 10.417%, #433059 10.417% 12.500%, #4a3662 12.500% 14.583%, #513d6b 14.583% 16.667%, #584474 16.667% 18.750%, #604b7e 18.750% 20.833%, #685389 20.833% 22.917%, #705b93 22.917% 25.000%, #79639e 25.000% 27.083%, #816ba8 27.083% 29.167%, #8a73b3 29.167% 31.250%, #937bbd 31.250% 33.333%, #9c82c6 33.333% 35.417%, #a489cf 35.417% 37.500%, #ad8fd7 37.500% 39.583%, #b595de 39.583% 41.667%, #bd9ae4 41.667% 43.750%, #c59de8 43.750% 45.833%, #cca0eb 45.833% 47.917%, #d3a2ec 47.917% 50.000%, #d9a3eb 50.000% 52.083%, #dea3e7 52.083% 54.167%, #e3a2e2 54.167% 56.250%, #e7a0da 56.250% 58.333%, #ea9ed1 58.333% 60.417%, #ec9bc6 60.417% 62.500%, #ec99ba 62.500% 64.583%, #eb96ae 64.583% 66.667%, #e893a0 66.667% 68.750%, #e49193 68.750% 70.833%, #de8f86 70.833% 72.917%, #d78d7a 72.917% 75.000%, #cf8b6f 75.000% 77.083%, #c68a65 77.083% 79.167%, #bd885c 79.167% 81.250%, #b38756 81.250% 83.333%, #a98551 83.333% 85.417%, #9f844e 85.417% 87.500%, #95824c 87.500% 89.583%, #8c814b 89.583% 91.667%, #857f4b 91.667% 93.750%, #7e7e4b 93.750% 95.833%, #787d4c 95.833% 97.917%, #737c4d 97.917% 100.000%);
background: conic-gradient(from 75deg, oklch(25.98% 0.0634 305.16) 0.000% 2.083%, oklch(27.27% 0.0646 305.27) 2.083% 4.167%, oklch(28.84% 0.0662 305.18) 4.167% 6.250%, oklch(30.69% 0.0681 304.92) 6.250% 8.333%, oklch(32.77% 0.0702 304.52) 8.333% 10.417%, oklch(35.06% 0.0726 304.02) 10.417% 12.500%, oklch(37.53% 0.0751 303.44) 12.500% 14.583%, oklch(40.16% 0.0778 302.82) 14.583% 16.667%, oklch(42.90% 0.0807 302.20) 16.667% 18.750%, oklch(45.73% 0.0836 301.59) 18.750% 20.833%, oklch(48.62% 0.0865 301.05) 20.833% 22.917%, oklch(51.54% 0.0895 300.60) 22.917% 25.000%, oklch(54.47% 0.0925 300.27) 25.000% 27.083%, oklch(57.37% 0.0954 300.09) 27.083% 29.167%, oklch(60.21% 0.0982 300.10) 29.167% 31.250%, oklch(62.97% 0.1009 300.33) 31.250% 33.333%, oklch(65.61% 0.1035 300.81) 33.333% 35.417%, oklch(68.10% 0.1058 301.57) 35.417% 37.500%, oklch(70.42% 0.1080 302.65) 37.500% 39.583%, oklch(72.54% 0.1099 304.09) 39.583% 41.667%, oklch(74.42% 0.1115 305.90) 41.667% 43.750%, oklch(76.04% 0.1128 308.13) 43.750% 45.833%, oklch(77.36% 0.1137 310.80) 45.833% 47.917%, oklch(78.37% 0.1143 313.96) 47.917% 50.000%, oklch(79.03% 0.1144 317.66) 50.000% 52.083%, oklch(79.38% 0.1141 322.13) 52.083% 54.167%, oklch(79.46% 0.1134 327.32) 54.167% 56.250%, oklch(79.28% 0.1124 333.18) 56.250% 58.333%, oklch(78.87% 0.1110 339.62) 58.333% 60.417%, oklch(78.25% 0.1094 346.58) 60.417% 62.500%, oklch(77.45% 0.1075 353.98) 62.500% 64.583%, oklch(76.47% 0.1054 1.75) 64.583% 66.667%, oklch(75.36% 0.1031 9.82) 66.667% 68.750%, oklch(74.12% 0.1007 18.11) 68.750% 70.833%, oklch(72.79% 0.0981 26.56) 70.833% 72.917%, oklch(71.38% 0.0955 35.09) 72.917% 75.000%, oklch(69.91% 0.0928 43.63) 75.000% 77.083%, oklch(68.42% 0.0901 52.10) 77.083% 79.167%, oklch(66.91% 0.0874 60.43) 79.167% 81.250%, oklch(65.42% 0.0847 68.56) 81.250% 83.333%, oklch(63.97% 0.0821 76.41) 83.333% 85.417%, oklch(62.58% 0.0796 83.90) 85.417% 87.500%, oklch(61.26% 0.0773 90.97) 87.500% 89.583%, oklch(60.05% 0.0751 97.54) 89.583% 91.667%, oklch(58.97% 0.0732 103.55) 91.667% 93.750%, oklch(58.03% 0.0715 108.90) 93.750% 95.833%, oklch(57.27% 0.0700 113.55) 95.833% 97.917%, oklch(56.69% 0.0689 117.41) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.063 | 305.2 |
| 2 | 0.787 | 0.114 | 315.7 |
| 3 | 0.567 | 0.069 | 477.4 |

## Other forms

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