# Orchid Citrus Spectrum Wheel

Rainbow from navy to dark blue angular swatches with 34 colors: #2b0050, #370060, #460c73, #591b86, #712997, #8d369c, #ac4495, #c85886, #dc7076, #e88a6e, #f1a16c, #f8b86e, #fcce74, #fce17d, #f7f086, #eefa8b, #e4ff8c, #d8ff91, #c6fd85, #b2f784, #a0ea7f, #8fd775, #7bc26d, #5eb069, #2aa06e, #008b7e, #007484, #005e88, #024498, #1e308d, #1c2081, #131277, #09056f, #050066. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from navy to dark blue angular swatches
- Seed: `kcPWTWPT_B98ryj3r0dc7tDFMuwkyN0zHbxAY`
- Page: https://grabient.com/kcPWTWPT_B98ryj3r0dc7tDFMuwkyN0zHbxAY?style=angularSwatches&steps=34&angle=180
- Drawn as: angular swatches, 34 steps, 180 degrees
- Kinds: light center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 15.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 | `#2b0050` | `oklch(24.05% 0.1278 300.87)` | Hollow Knight | white, 17.1 to 1 |
| 2 | `#370060` | `oklch(27.48% 0.1449 302.17)` | Cotinga Purple | white, 15.7 to 1 |
| 3 | `#460c73` | `oklch(32.37% 0.1557 303.31)` | Royal Purple | white, 13.4 to 1 |
| 4 | `#591b86` | `oklch(38.09% 0.1667 305.85)` | Intergalactic Settlement | white, 10.8 to 1 |
| 5 | `#712997` | `oklch(44.01% 0.1740 311.32)` | Orb of Discord | white, 8.5 to 1 |
| 6 | `#8d369c` | `oklch(49.59% 0.1740 321.27)` | Nebula Outpost | white, 6.7 to 1 |
| 7 | `#ac4495` | `oklch(55.34% 0.1649 337.11)` | Plum Dust | white, 5.2 to 1 |
| 8 | `#c85886` | `oklch(61.29% 0.1503 356.84)` | Lipstick | black, 5.1 to 1 |
| 9 | `#dc7076` | `oklch(67.15% 0.1348 17.80)` | Lantana | black, 6.6 to 1 |
| 10 | `#e88a6e` | `oklch(72.64% 0.1228 37.27)` | Middle Red | black, 8.2 to 1 |
| 11 | `#f1a16c` | `oklch(77.64% 0.1179 53.43)` | Monarch Orange | black, 10 to 1 |
| 12 | `#f8b86e` | `oklch(82.62% 0.1174 68.41)` | Citrus Honey | black, 12 to 1 |
| 13 | `#fcce74` | `oklch(87.26% 0.1199 82.31)` | Grandis | black, 14.1 to 1 |
| 14 | `#fce17d` | `oklch(91.15% 0.1241 94.77)` | Silken Gold | black, 16.1 to 1 |
| 15 | `#f7f086` | `oklch(93.83% 0.1289 105.48)` | Lemon Peel | black, 17.7 to 1 |
| 16 | `#eefa8b` | `oklch(95.19% 0.1350 113.92)` | Tidal | black, 18.6 to 1 |
| 17 | `#e4ff8c` | `oklch(95.53% 0.1440 120.15)` | Metal Spark | black, 18.9 to 1 |
| 18 | `#d8ff91` | `oklch(94.86% 0.1429 125.00)` | Honeydew Peel | black, 18.6 to 1 |
| 19 | `#c6fd85` | `oklch(93.19% 0.1604 129.33)` | Green Incandescence | black, 17.8 to 1 |
| 20 | `#b2f784` | `oklch(90.49% 0.1625 133.93)` | Pistachio Mousse | black, 16.5 to 1 |
| 21 | `#a0ea7f` | `oklch(86.31% 0.1577 136.60)` | Snarky Mint | black, 14.5 to 1 |
| 22 | `#8fd775` | `oklch(80.85% 0.1482 137.82)` | Green Lacewing | black, 12.1 to 1 |
| 23 | `#7bc26d` | `oklch(74.74% 0.1378 140.31)` | Hillside Grove | black, 9.8 to 1 |
| 24 | `#5eb069` | `oklch(68.62% 0.1301 146.80)` | Boring Green | black, 7.8 to 1 |
| 25 | `#2aa06e` | `oklch(62.97% 0.1281 160.30)` | Bejewelled | black, 6.3 to 1 |
| 26 | `#008b7e` | `oklch(57.20% 0.1018 183.14)` | Go Go Green | black, 4.9 to 1 |
| 27 | `#007484` | `oklch(51.36% 0.0891 210.78)` | Deep Current | white, 5.4 to 1 |
| 28 | `#005e88` | `oklch(45.76% 0.1010 237.68)` | Blue Flame | white, 7 to 1 |
| 29 | `#024498` | `oklch(40.68% 0.1503 258.24)` | Fright Night | white, 9.1 to 1 |
| 30 | `#1e308d` | `oklch(36.23% 0.1543 268.58)` | Intergalactic Highway | white, 11.2 to 1 |
| 31 | `#1c2081` | `oklch(32.10% 0.1579 271.61)` | Impression of Obscurity | white, 13.3 to 1 |
| 32 | `#131277` | `oklch(28.43% 0.1610 270.34)` | 20000 Leagues Under the Sea | white, 15.1 to 1 |
| 33 | `#09056f` | `oklch(25.42% 0.1635 267.65)` | Dark Royalty | white, 16.6 to 1 |
| 34 | `#050066` | `oklch(23.27% 0.1576 266.42)` | Alone in the Dark | white, 17.5 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #2b0050 0.000% 2.941%, #370060 2.941% 5.882%, #460c73 5.882% 8.824%, #591b86 8.824% 11.765%, #712997 11.765% 14.706%, #8d369c 14.706% 17.647%, #ac4495 17.647% 20.588%, #c85886 20.588% 23.529%, #dc7076 23.529% 26.471%, #e88a6e 26.471% 29.412%, #f1a16c 29.412% 32.353%, #f8b86e 32.353% 35.294%, #fcce74 35.294% 38.235%, #fce17d 38.235% 41.176%, #f7f086 41.176% 44.118%, #eefa8b 44.118% 47.059%, #e4ff8c 47.059% 50.000%, #d8ff91 50.000% 52.941%, #c6fd85 52.941% 55.882%, #b2f784 55.882% 58.824%, #a0ea7f 58.824% 61.765%, #8fd775 61.765% 64.706%, #7bc26d 64.706% 67.647%, #5eb069 67.647% 70.588%, #2aa06e 70.588% 73.529%, #008b7e 73.529% 76.471%, #007484 76.471% 79.412%, #005e88 79.412% 82.353%, #024498 82.353% 85.294%, #1e308d 85.294% 88.235%, #1c2081 88.235% 91.176%, #131277 91.176% 94.118%, #09056f 94.118% 97.059%, #050066 97.059% 100.000%);
background: conic-gradient(from 180deg, oklch(24.05% 0.1278 300.87) 0.000% 2.941%, oklch(27.48% 0.1449 302.17) 2.941% 5.882%, oklch(32.37% 0.1557 303.31) 5.882% 8.824%, oklch(38.09% 0.1667 305.85) 8.824% 11.765%, oklch(44.01% 0.1740 311.32) 11.765% 14.706%, oklch(49.59% 0.1740 321.27) 14.706% 17.647%, oklch(55.34% 0.1649 337.11) 17.647% 20.588%, oklch(61.29% 0.1503 356.84) 20.588% 23.529%, oklch(67.15% 0.1348 17.80) 23.529% 26.471%, oklch(72.64% 0.1228 37.27) 26.471% 29.412%, oklch(77.64% 0.1179 53.43) 29.412% 32.353%, oklch(82.62% 0.1174 68.41) 32.353% 35.294%, oklch(87.26% 0.1199 82.31) 35.294% 38.235%, oklch(91.15% 0.1241 94.77) 38.235% 41.176%, oklch(93.83% 0.1289 105.48) 41.176% 44.118%, oklch(95.19% 0.1350 113.92) 44.118% 47.059%, oklch(95.53% 0.1440 120.15) 47.059% 50.000%, oklch(94.86% 0.1429 125.00) 50.000% 52.941%, oklch(93.19% 0.1604 129.33) 52.941% 55.882%, oklch(90.49% 0.1625 133.93) 55.882% 58.824%, oklch(86.31% 0.1577 136.60) 58.824% 61.765%, oklch(80.85% 0.1482 137.82) 61.765% 64.706%, oklch(74.74% 0.1378 140.31) 64.706% 67.647%, oklch(68.62% 0.1301 146.80) 67.647% 70.588%, oklch(62.97% 0.1281 160.30) 70.588% 73.529%, oklch(57.20% 0.1018 183.14) 73.529% 76.471%, oklch(51.36% 0.0891 210.78) 76.471% 79.412%, oklch(45.76% 0.1010 237.68) 79.412% 82.353%, oklch(40.68% 0.1503 258.24) 82.353% 85.294%, oklch(36.23% 0.1543 268.58) 85.294% 88.235%, oklch(32.10% 0.1579 271.61) 88.235% 91.176%, oklch(28.43% 0.1610 270.34) 91.176% 94.118%, oklch(25.42% 0.1635 267.65) 94.118% 97.059%, oklch(23.27% 0.1576 266.42) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.138 | 300.9 |
| 2 | 0.48 | 0.175 | 317.8 |
| 3 | 0.748 | 0.12 | 404.5 |
| 4 | 0.941 | 0.13 | 466.8 |
| 5 | 0.909 | 0.163 | 493.3 |
| 6 | 0.654 | 0.128 | 513.3 |
| 7 | 0.394 | 0.152 | 622.2 |
| 8 | 0.232 | 0.165 | 626.4 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Color wheel swatches](https://grabient.com/color-wheel-swatches)

## Other forms

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