# Electric yellow cyan and candy pink wheel

Wine-dark plum passes through copper and luminous yellow, then dusty rose and gray soften the transition into cyan and teal. Navy and violet bring back deep shadow before a candy-pink ending. Sixty-four angular swatches arrange these contrasting passages into narrow wedges, creating a surreal color wheel with several separate moments of light.

- Also called: Black, tan, navy and pink angular swatches
- Seed: `kYOx3xczBPL4JLpkqTHo5FG2cjSo`
- Page: https://grabient.com/kYOx3xczBPL4JLpkqTHo5FG2cjSo?style=angularSwatches&steps=64&angle=45
- Drawn as: angular swatches, 64 steps, 45 degrees
- Hues: triadic
- Contrast of its darkest and lightest colors: 13.1 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 | `#2a1624` | `oklch(23.23% 0.0400 338.91)` | Black Cherry | white, 17 to 1 |
| 2 | `#351c2a` | `oklch(26.62% 0.0448 345.60)` | Delighted Chimp | white, 15.5 to 1 |
| 3 | `#452632` | `oklch(31.29% 0.0515 355.05)` | Castro | white, 13.3 to 1 |
| 4 | `#5a323a` | `oklch(36.96% 0.0599 6.65)` | Fig | white, 10.7 to 1 |
| 5 | `#724141` | `oklch(43.37% 0.0693 19.79)` | Old Coffee | white, 8.2 to 1 |
| 6 | `#8b5345` | `oklch(50.26% 0.0794 33.86)` | Annatto | white, 6.1 to 1 |
| 7 | `#a46848` | `oklch(57.37% 0.0898 48.26)` | Hazel | black, 4.6 to 1 |
| 8 | `#b97f4a` | `oklch(64.42% 0.0999 62.37)` | Okonomiyaki Brown | black, 6.1 to 1 |
| 9 | `#c9984d` | `oklch(71.15% 0.1094 75.60)` | Gingerbread House | black, 8 to 1 |
| 10 | `#d5b055` | `oklch(77.30% 0.1178 87.34)` | Golden Cricket | black, 10.1 to 1 |
| 11 | `#ddc660` | `oklch(82.61% 0.1247 96.97)` | Williams Pear Yellow | black, 12.3 to 1 |
| 12 | `#e2d86d` | `oklch(86.81% 0.1296 103.90)` | Straw | black, 14.2 to 1 |
| 13 | `#e6e376` | `oklch(89.63% 0.1321 107.51)` | Ripe Pear | black, 15.6 to 1 |
| 14 | `#eae77a` | `oklch(90.81% 0.1317 107.26)` | Fresh Lemonade | black, 16.2 to 1 |
| 15 | `#eee379` | `oklch(90.31% 0.1280 103.46)` | Texas | black, 15.9 to 1 |
| 16 | `#f0d977` | `oklch(88.35% 0.1214 96.65)` | Sandy | black, 14.8 to 1 |
| 17 | `#eeca74` | `oklch(85.22% 0.1125 87.27)` | Hit the Hay | black, 13.3 to 1 |
| 18 | `#e8b974` | `oklch(81.18% 0.1018 75.80)` | Classical Gold | black, 11.5 to 1 |
| 19 | `#dca676` | `oklch(76.52% 0.0899 62.68)` | Gehenna’s Gold | black, 9.7 to 1 |
| 20 | `#cc9578` | `oklch(71.49% 0.0776 48.37)` | Money Tree | black, 8.1 to 1 |
| 21 | `#b88579` | `oklch(66.37% 0.0652 33.33)` | Dusky Damask | black, 6.6 to 1 |
| 22 | `#a27878` | `oklch(61.43% 0.0535 18.01)` | Burlwood | black, 5.4 to 1 |
| 23 | `#8e6d75` | `oklch(56.95% 0.0431 2.87)` | Dull Dusky Pink | black, 4.5 to 1 |
| 24 | `#7c6570` | `oklch(53.19% 0.0344 348.36)` | Cabal | white, 5.3 to 1 |
| 25 | `#6f5f6b` | `oklch(50.43% 0.0282 334.95)` | Smoked Mulberry | white, 5.9 to 1 |
| 26 | `#675c69` | `oklch(48.94% 0.0250 323.09)` | Patina Violet | white, 6.3 to 1 |
| 27 | `#655c6b` | `oklch(48.89% 0.0252 312.30)` | Smoky | white, 6.3 to 1 |
| 28 | `#666072` | `oklch(50.08% 0.0285 300.99)` | Sedona Shadow | white, 6 to 1 |
| 29 | `#69677d` | `oklch(52.28% 0.0342 289.33)` | Unexplained | white, 5.4 to 1 |
| 30 | `#6c708b` | `oklch(55.25% 0.0419 277.54)` | Deep Larkspur | white, 4.8 to 1 |
| 31 | `#6e7c9c` | `oklch(58.77% 0.0510 265.84)` | Quantum Blue | black, 5 to 1 |
| 32 | `#6f8aad` | `oklch(62.60% 0.0611 254.46)` | Windsurf Blue | black, 5.9 to 1 |
| 33 | `#6d99bd` | `oklch(66.52% 0.0716 243.61)` | Pinafore Blue | black, 6.9 to 1 |
| 34 | `#69a8cb` | `oklch(70.30% 0.0819 233.51)` | Salem Blue | black, 8 to 1 |
| 35 | `#64b6d5` | `oklch(73.70% 0.0915 224.39)` | Shimmering Brook | black, 9.2 to 1 |
| 36 | `#5ec2dc` | `oklch(76.49% 0.1000 216.48)` | Naxos Sky | black, 10.2 to 1 |
| 37 | `#58cbde` | `oklch(78.45% 0.1068 209.98)` | Watercourse | black, 11 to 1 |
| 38 | `#52d0de` | `oklch(79.34% 0.1113 205.13)` | Blue Radiance | black, 11.4 to 1 |
| 39 | `#4cd0d9` | `oklch(78.93% 0.1131 202.15)` | Blue Radiance | black, 11.3 to 1 |
| 40 | `#46c9d2` | `oklch(77.01% 0.1122 201.11)` | Sea Serpent | black, 10.5 to 1 |
| 41 | `#3ebec7` | `oklch(73.73% 0.1092 201.84)` | Panorama Blue | black, 9.4 to 1 |
| 42 | `#36afba` | `oklch(69.39% 0.1043 204.11)` | Placid Sea | black, 8 to 1 |
| 43 | `#2e9dac` | `oklch(64.25% 0.0981 207.71)` | Riviera | black, 6.5 to 1 |
| 44 | `#288a9c` | `oklch(58.59% 0.0909 212.43)` | Waikiki | black, 5.2 to 1 |
| 45 | `#23768b` | `oklch(52.71% 0.0831 218.03)` | Thousand Herb | white, 5.1 to 1 |
| 46 | `#1f637a` | `oklch(46.86% 0.0752 224.32)` | Georgian Bay | white, 6.7 to 1 |
| 47 | `#1d5269` | `oklch(41.34% 0.0675 231.06)` | Juggernaut | white, 8.5 to 1 |
| 48 | `#1b435a` | `oklch(36.43% 0.0605 238.05)` | Capital Blue | white, 10.5 to 1 |
| 49 | `#1a364e` | `oklch(32.39% 0.0545 245.07)` | Gibraltar Sea | white, 12.4 to 1 |
| 50 | `#192e45` | `oklch(29.51% 0.0500 251.89)` | NATO Blue | white, 13.8 to 1 |
| 51 | `#1a2940` | `oklch(28.06% 0.0473 258.30)` | Eternal Darkness | white, 14.5 to 1 |
| 52 | `#1e2941` | `oklch(28.29% 0.0468 264.40)` | Eternal Darkness | white, 14.5 to 1 |
| 53 | `#252c46` | `oklch(30.03% 0.0479 271.21)` | Latin Charm | white, 13.7 to 1 |
| 54 | `#30334f` | `oklch(33.04% 0.0504 278.70)` | Tiě Hēi Metal | white, 12.3 to 1 |
| 55 | `#3e3b5b` | `oklch(37.08% 0.0540 286.68)` | Magic Night | white, 10.5 to 1 |
| 56 | `#4f466a` | `oklch(41.93% 0.0585 294.97)` | True Romance | white, 8.6 to 1 |
| 57 | `#635379` | `oklch(47.34% 0.0637 303.38)` | Berry Syrup | white, 6.9 to 1 |
| 58 | `#796089` | `oklch(53.07% 0.0692 311.74)` | Super Violet | white, 5.4 to 1 |
| 59 | `#916e99` | `oklch(58.89% 0.0749 319.86)` | Faded Purple | black, 4.9 to 1 |
| 60 | `#a97da7` | `oklch(64.57% 0.0804 327.57)` | Usu Pink | black, 6.1 to 1 |
| 61 | `#bf8ab4` | `oklch(69.87% 0.0856 334.67)` | Joie de Vivre | black, 7.5 to 1 |
| 62 | `#d496be` | `oklch(74.55% 0.0901 340.98)` | Soft Fuchsia | black, 8.9 to 1 |
| 63 | `#e5a0c5` | `oklch(78.37% 0.0939 346.33)` | Prettiest Pink | black, 10.1 to 1 |
| 64 | `#f2a8c9` | `oklch(81.10% 0.0965 350.53)` | Rose Mallow | black, 11.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #2a1624 0.000% 1.563%, #351c2a 1.563% 3.125%, #452632 3.125% 4.688%, #5a323a 4.688% 6.250%, #724141 6.250% 7.813%, #8b5345 7.813% 9.375%, #a46848 9.375% 10.938%, #b97f4a 10.938% 12.500%, #c9984d 12.500% 14.063%, #d5b055 14.063% 15.625%, #ddc660 15.625% 17.188%, #e2d86d 17.188% 18.750%, #e6e376 18.750% 20.313%, #eae77a 20.313% 21.875%, #eee379 21.875% 23.438%, #f0d977 23.438% 25.000%, #eeca74 25.000% 26.563%, #e8b974 26.563% 28.125%, #dca676 28.125% 29.688%, #cc9578 29.688% 31.250%, #b88579 31.250% 32.813%, #a27878 32.813% 34.375%, #8e6d75 34.375% 35.938%, #7c6570 35.938% 37.500%, #6f5f6b 37.500% 39.063%, #675c69 39.063% 40.625%, #655c6b 40.625% 42.188%, #666072 42.188% 43.750%, #69677d 43.750% 45.313%, #6c708b 45.313% 46.875%, #6e7c9c 46.875% 48.438%, #6f8aad 48.438% 50.000%, #6d99bd 50.000% 51.563%, #69a8cb 51.563% 53.125%, #64b6d5 53.125% 54.688%, #5ec2dc 54.688% 56.250%, #58cbde 56.250% 57.813%, #52d0de 57.813% 59.375%, #4cd0d9 59.375% 60.938%, #46c9d2 60.938% 62.500%, #3ebec7 62.500% 64.063%, #36afba 64.063% 65.625%, #2e9dac 65.625% 67.188%, #288a9c 67.188% 68.750%, #23768b 68.750% 70.313%, #1f637a 70.313% 71.875%, #1d5269 71.875% 73.438%, #1b435a 73.438% 75.000%, #1a364e 75.000% 76.563%, #192e45 76.563% 78.125%, #1a2940 78.125% 79.688%, #1e2941 79.688% 81.250%, #252c46 81.250% 82.813%, #30334f 82.813% 84.375%, #3e3b5b 84.375% 85.938%, #4f466a 85.938% 87.500%, #635379 87.500% 89.063%, #796089 89.063% 90.625%, #916e99 90.625% 92.188%, #a97da7 92.188% 93.750%, #bf8ab4 93.750% 95.313%, #d496be 95.313% 96.875%, #e5a0c5 96.875% 98.438%, #f2a8c9 98.438% 100.000%);
background: conic-gradient(from 45deg, oklch(23.23% 0.0400 338.91) 0.000% 1.563%, oklch(26.62% 0.0448 345.60) 1.563% 3.125%, oklch(31.29% 0.0515 355.05) 3.125% 4.688%, oklch(36.96% 0.0599 6.65) 4.688% 6.250%, oklch(43.37% 0.0693 19.79) 6.250% 7.813%, oklch(50.26% 0.0794 33.86) 7.813% 9.375%, oklch(57.37% 0.0898 48.26) 9.375% 10.938%, oklch(64.42% 0.0999 62.37) 10.938% 12.500%, oklch(71.15% 0.1094 75.60) 12.500% 14.063%, oklch(77.30% 0.1178 87.34) 14.063% 15.625%, oklch(82.61% 0.1247 96.97) 15.625% 17.188%, oklch(86.81% 0.1296 103.90) 17.188% 18.750%, oklch(89.63% 0.1321 107.51) 18.750% 20.313%, oklch(90.81% 0.1317 107.26) 20.313% 21.875%, oklch(90.31% 0.1280 103.46) 21.875% 23.438%, oklch(88.35% 0.1214 96.65) 23.438% 25.000%, oklch(85.22% 0.1125 87.27) 25.000% 26.563%, oklch(81.18% 0.1018 75.80) 26.563% 28.125%, oklch(76.52% 0.0899 62.68) 28.125% 29.688%, oklch(71.49% 0.0776 48.37) 29.688% 31.250%, oklch(66.37% 0.0652 33.33) 31.250% 32.813%, oklch(61.43% 0.0535 18.01) 32.813% 34.375%, oklch(56.95% 0.0431 2.87) 34.375% 35.938%, oklch(53.19% 0.0344 348.36) 35.938% 37.500%, oklch(50.43% 0.0282 334.95) 37.500% 39.063%, oklch(48.94% 0.0250 323.09) 39.063% 40.625%, oklch(48.89% 0.0252 312.30) 40.625% 42.188%, oklch(50.08% 0.0285 300.99) 42.188% 43.750%, oklch(52.28% 0.0342 289.33) 43.750% 45.313%, oklch(55.25% 0.0419 277.54) 45.313% 46.875%, oklch(58.77% 0.0510 265.84) 46.875% 48.438%, oklch(62.60% 0.0611 254.46) 48.438% 50.000%, oklch(66.52% 0.0716 243.61) 50.000% 51.563%, oklch(70.30% 0.0819 233.51) 51.563% 53.125%, oklch(73.70% 0.0915 224.39) 53.125% 54.688%, oklch(76.49% 0.1000 216.48) 54.688% 56.250%, oklch(78.45% 0.1068 209.98) 56.250% 57.813%, oklch(79.34% 0.1113 205.13) 57.813% 59.375%, oklch(78.93% 0.1131 202.15) 59.375% 60.938%, oklch(77.01% 0.1122 201.11) 60.938% 62.500%, oklch(73.73% 0.1092 201.84) 62.500% 64.063%, oklch(69.39% 0.1043 204.11) 64.063% 65.625%, oklch(64.25% 0.0981 207.71) 65.625% 67.188%, oklch(58.59% 0.0909 212.43) 67.188% 68.750%, oklch(52.71% 0.0831 218.03) 68.750% 70.313%, oklch(46.86% 0.0752 224.32) 70.313% 71.875%, oklch(41.34% 0.0675 231.06) 71.875% 73.438%, oklch(36.43% 0.0605 238.05) 73.438% 75.000%, oklch(32.39% 0.0545 245.07) 75.000% 76.563%, oklch(29.51% 0.0500 251.89) 76.563% 78.125%, oklch(28.06% 0.0473 258.30) 78.125% 79.688%, oklch(28.29% 0.0468 264.40) 79.688% 81.250%, oklch(30.03% 0.0479 271.21) 81.250% 82.813%, oklch(33.04% 0.0504 278.70) 82.813% 84.375%, oklch(37.08% 0.0540 286.68) 84.375% 85.938%, oklch(41.93% 0.0585 294.97) 85.938% 87.500%, oklch(47.34% 0.0637 303.38) 87.500% 89.063%, oklch(53.07% 0.0692 311.74) 89.063% 90.625%, oklch(58.89% 0.0749 319.86) 90.625% 92.188%, oklch(64.57% 0.0804 327.57) 92.188% 93.750%, oklch(69.87% 0.0856 334.67) 93.750% 95.313%, oklch(74.55% 0.0901 340.98) 95.313% 96.875%, oklch(78.37% 0.0939 346.33) 96.875% 98.438%, oklch(81.10% 0.0965 350.53) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.04 | 338.9 |
| 2 | 0.906 | 0.132 | 467.8 |
| 3 | 0.488 | 0.025 | 320.9 |
| 4 | 0.791 | 0.113 | 202.6 |
| 5 | 0.28 | 0.047 | 260.7 |
| 6 | 0.811 | 0.096 | 350.5 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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