# Scarlet lime rainbow fan

Rainbow from black to navy angular swatches with 50 colors: #0f0011, #17001c, #22002d, #2f0044, #3d005f, #4c007c, #5c0097, #6e00a9, #8300af, #9b00aa, #b3009b, #ca0185, #dd176b, #ec304f, #f74a32, #ff6709, #ff8b13, #ffaa30, #ffc64d, #ffde64, #fef376, #faffbb, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fcffde, #fbffa5, #f8fc69, #f0f661, #e2ef5b, #cbe859, #a8e060, #6dd672, #00c491, #00a6a0, #0088a1, #006ba0, #144ba7, #2d3291, #2d207d, #25116b, #1a065b, #0f004d, #05003d, #010030, #000025. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from black to navy angular swatches
- Seed: `kcHizmNlC99NNyf8s0l_zq_2s9wiwOFEDyc-w`
- Page: https://grabient.com/kcHizmNlC99NNyf8s0l_zq_2s9wiwOFEDyc-w?style=angularSwatches&steps=50&angle=180
- Drawn as: angular swatches, 50 steps, 180 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 20.4 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 | `#0f0011` | `oklch(11.97% 0.0565 323.19)` | Glossy Black | white, 20.4 to 1 |
| 2 | `#17001c` | `oklch(14.76% 0.0705 320.86)` | Election Night | white, 19.9 to 1 |
| 3 | `#22002d` | `oklch(18.64% 0.0910 316.78)` | Coal Mine | white, 18.9 to 1 |
| 4 | `#2f0044` | `oklch(23.28% 0.1165 311.99)` | Edge of Space | white, 17.4 to 1 |
| 5 | `#3d005f` | `oklch(28.33% 0.1451 307.53)` | Ripe Plum | white, 15.3 to 1 |
| 6 | `#4c007c` | `oklch(33.44% 0.1742 304.44)` | Invasive Indigo | white, 13.1 to 1 |
| 7 | `#5c0097` | `oklch(38.29% 0.2002 303.75)` | SQL Injection Purple | white, 11 to 1 |
| 8 | `#6e00a9` | `oklch(42.53% 0.2191 306.52)` | Indiviolet Sunset | white, 9.3 to 1 |
| 9 | `#8300af` | `oklch(46.12% 0.2292 313.31)` | Shade of Violet | white, 8.1 to 1 |
| 10 | `#9b00aa` | `oklch(49.34% 0.2326 323.41)` | Shiffurple | white, 7 to 1 |
| 11 | `#b3009b` | `oklch(52.35% 0.2318 335.89)` | Jealous Jellyfish | white, 6.2 to 1 |
| 12 | `#ca0185` | `oklch(55.29% 0.2306 349.81)` | Snappy Violet | white, 5.4 to 1 |
| 13 | `#dd176b` | `oklch(58.34% 0.2256 4.27)` | Purple Yearning | white, 4.7 to 1 |
| 14 | `#ec304f` | `oklch(61.64% 0.2196 18.33)` | Radish Lips | black, 5 to 1 |
| 15 | `#f74a32` | `oklch(65.35% 0.2136 31.07)` | Strawberry Spinach Red | black, 5.9 to 1 |
| 16 | `#ff6709` | `oklch(69.77% 0.2025 43.48)` | Burtuqali Orange | black, 7.2 to 1 |
| 17 | `#ff8b13` | `oklch(74.87% 0.1777 56.70)` | American Orange | black, 8.9 to 1 |
| 18 | `#ffaa30` | `oklch(80.28% 0.1598 70.06)` | Bee Cluster | black, 11 to 1 |
| 19 | `#ffc64d` | `oklch(85.66% 0.1486 82.88)` | Golden Promise | black, 13.4 to 1 |
| 20 | `#ffde64` | `oklch(90.65% 0.1448 94.50)` | Lemon Tart | black, 15.9 to 1 |
| 21 | `#fef376` | `oklch(94.89% 0.1466 104.22)` | Yellow Salmonberry | black, 18.3 to 1 |
| 22 | `#faffbb` | `oklch(98.03% 0.0863 111.38)` | Golden Hermes | black, 20 to 1 |
| 23 | `#ffffff` | `oklch(100.00% 0.0001 109.16)` | White | black, 20.9 to 1 |
| 24 | `#ffffff` | `oklch(100.00% 0.0001 110.17)` | White | black, 20.9 to 1 |
| 25 | `#ffffff` | `oklch(100.00% 0.0001 109.38)` | White | black, 20.9 to 1 |
| 26 | `#ffffff` | `oklch(100.00% 0.0001 107.67)` | White | black, 20.9 to 1 |
| 27 | `#ffffff` | `oklch(100.00% 0.0001 106.40)` | White | black, 20.9 to 1 |
| 28 | `#ffffff` | `oklch(100.00% 0.0001 106.40)` | White | black, 20.9 to 1 |
| 29 | `#ffffff` | `oklch(100.00% 0.0001 106.40)` | White | black, 20.9 to 1 |
| 30 | `#fcffde` | `oklch(98.95% 0.0432 110.88)` | Parmesan | black, 20.5 to 1 |
| 31 | `#fbffa5` | `oklch(97.68% 0.1121 110.63)` | Calamansi | black, 19.9 to 1 |
| 32 | `#f8fc69` | `oklch(96.10% 0.1669 110.47)` | Duckling Fluff | black, 19.1 to 1 |
| 33 | `#f0f661` | `oklch(94.08% 0.1682 111.34)` | Buttercup Glow | black, 18 to 1 |
| 34 | `#e2ef5b` | `oklch(91.51% 0.1692 114.16)` | Pineapple High | black, 16.7 to 1 |
| 35 | `#cbe859` | `oklch(88.27% 0.1696 119.86)` | Maximum Green Yellow | black, 15.2 to 1 |
| 36 | `#a8e060` | `oklch(84.25% 0.1695 129.35)` | Last of Lettuce | black, 13.5 to 1 |
| 37 | `#6dd672` | `oklch(79.05% 0.1688 144.78)` | Pastel Green | black, 11.5 to 1 |
| 38 | `#00c491` | `oklch(72.62% 0.1506 166.04)` | Píng Gǔo Lǜ Green | black, 9.2 to 1 |
| 39 | `#00a6a0` | `oklch(65.42% 0.1127 190.69)` | Jadestone | black, 6.9 to 1 |
| 40 | `#0088a1` | `oklch(57.89% 0.1030 216.28)` | Gogo Blue | black, 5 to 1 |
| 41 | `#006ba0` | `oklch(50.48% 0.1163 240.36)` | Jazz Blue | white, 5.7 to 1 |
| 42 | `#144ba7` | `oklch(43.63% 0.1584 260.44)` | The Blues Brothers | white, 8.1 to 1 |
| 43 | `#2d3291` | `oklch(37.80% 0.1543 274.12)` | Ultramarine Highlight | white, 10.6 to 1 |
| 44 | `#2d207d` | `oklch(32.78% 0.1489 280.78)` | Blue Royale | white, 13 to 1 |
| 45 | `#25116b` | `oklch(28.12% 0.1419 282.37)` | Nebula Night | white, 15.2 to 1 |
| 46 | `#1a065b` | `oklch(23.86% 0.1340 280.34)` | Darth Torus | white, 17.2 to 1 |
| 47 | `#0f004d` | `oklch(20.11% 0.1253 276.07)` | Silent Twilight | white, 18.6 to 1 |
| 48 | `#05003d` | `oklch(16.82% 0.1092 271.10)` | Endless Galaxy | white, 19.5 to 1 |
| 49 | `#010030` | `oklch(14.09% 0.0950 266.83)` | Illicit Darkness | white, 20.1 to 1 |
| 50 | `#000025` | `oklch(11.97% 0.0824 264.71)` | Hadopelagic Water | white, 20.4 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #0f0011 0.000% 2.000%, #17001c 2.000% 4.000%, #22002d 4.000% 6.000%, #2f0044 6.000% 8.000%, #3d005f 8.000% 10.000%, #4c007c 10.000% 12.000%, #5c0097 12.000% 14.000%, #6e00a9 14.000% 16.000%, #8300af 16.000% 18.000%, #9b00aa 18.000% 20.000%, #b3009b 20.000% 22.000%, #ca0185 22.000% 24.000%, #dd176b 24.000% 26.000%, #ec304f 26.000% 28.000%, #f74a32 28.000% 30.000%, #ff6709 30.000% 32.000%, #ff8b13 32.000% 34.000%, #ffaa30 34.000% 36.000%, #ffc64d 36.000% 38.000%, #ffde64 38.000% 40.000%, #fef376 40.000% 42.000%, #faffbb 42.000% 44.000%, #ffffff 44.000% 46.000%, #ffffff 46.000% 48.000%, #ffffff 48.000% 50.000%, #ffffff 50.000% 52.000%, #ffffff 52.000% 54.000%, #ffffff 54.000% 56.000%, #ffffff 56.000% 58.000%, #fcffde 58.000% 60.000%, #fbffa5 60.000% 62.000%, #f8fc69 62.000% 64.000%, #f0f661 64.000% 66.000%, #e2ef5b 66.000% 68.000%, #cbe859 68.000% 70.000%, #a8e060 70.000% 72.000%, #6dd672 72.000% 74.000%, #00c491 74.000% 76.000%, #00a6a0 76.000% 78.000%, #0088a1 78.000% 80.000%, #006ba0 80.000% 82.000%, #144ba7 82.000% 84.000%, #2d3291 84.000% 86.000%, #2d207d 86.000% 88.000%, #25116b 88.000% 90.000%, #1a065b 90.000% 92.000%, #0f004d 92.000% 94.000%, #05003d 94.000% 96.000%, #010030 96.000% 98.000%, #000025 98.000% 100.000%);
background: conic-gradient(from 180deg, oklch(11.97% 0.0565 323.19) 0.000% 2.000%, oklch(14.76% 0.0705 320.86) 2.000% 4.000%, oklch(18.64% 0.0910 316.78) 4.000% 6.000%, oklch(23.28% 0.1165 311.99) 6.000% 8.000%, oklch(28.33% 0.1451 307.53) 8.000% 10.000%, oklch(33.44% 0.1742 304.44) 10.000% 12.000%, oklch(38.29% 0.2002 303.75) 12.000% 14.000%, oklch(42.53% 0.2191 306.52) 14.000% 16.000%, oklch(46.12% 0.2292 313.31) 16.000% 18.000%, oklch(49.34% 0.2326 323.41) 18.000% 20.000%, oklch(52.35% 0.2318 335.89) 20.000% 22.000%, oklch(55.29% 0.2306 349.81) 22.000% 24.000%, oklch(58.34% 0.2256 4.27) 24.000% 26.000%, oklch(61.64% 0.2196 18.33) 26.000% 28.000%, oklch(65.35% 0.2136 31.07) 28.000% 30.000%, oklch(69.77% 0.2025 43.48) 30.000% 32.000%, oklch(74.87% 0.1777 56.70) 32.000% 34.000%, oklch(80.28% 0.1598 70.06) 34.000% 36.000%, oklch(85.66% 0.1486 82.88) 36.000% 38.000%, oklch(90.65% 0.1448 94.50) 38.000% 40.000%, oklch(94.89% 0.1466 104.22) 40.000% 42.000%, oklch(98.03% 0.0863 111.38) 42.000% 44.000%, oklch(100.00% 0.0001 109.16) 44.000% 46.000%, oklch(100.00% 0.0001 110.17) 46.000% 48.000%, oklch(100.00% 0.0001 109.38) 48.000% 50.000%, oklch(100.00% 0.0001 107.67) 50.000% 52.000%, oklch(100.00% 0.0001 106.40) 52.000% 54.000%, oklch(100.00% 0.0001 106.40) 54.000% 56.000%, oklch(100.00% 0.0001 106.40) 56.000% 58.000%, oklch(98.95% 0.0432 110.88) 58.000% 60.000%, oklch(97.68% 0.1121 110.63) 60.000% 62.000%, oklch(96.10% 0.1669 110.47) 62.000% 64.000%, oklch(94.08% 0.1682 111.34) 64.000% 66.000%, oklch(91.51% 0.1692 114.16) 66.000% 68.000%, oklch(88.27% 0.1696 119.86) 68.000% 70.000%, oklch(84.25% 0.1695 129.35) 70.000% 72.000%, oklch(79.05% 0.1688 144.78) 72.000% 74.000%, oklch(72.62% 0.1506 166.04) 74.000% 76.000%, oklch(65.42% 0.1127 190.69) 76.000% 78.000%, oklch(57.89% 0.1030 216.28) 78.000% 80.000%, oklch(50.48% 0.1163 240.36) 80.000% 82.000%, oklch(43.63% 0.1584 260.44) 82.000% 84.000%, oklch(37.80% 0.1543 274.12) 84.000% 86.000%, oklch(32.78% 0.1489 280.78) 86.000% 88.000%, oklch(28.12% 0.1419 282.37) 88.000% 90.000%, oklch(23.86% 0.1340 280.34) 90.000% 92.000%, oklch(20.11% 0.1253 276.07) 92.000% 94.000%, oklch(16.82% 0.1092 271.10) 94.000% 96.000%, oklch(14.09% 0.0950 266.83) 96.000% 98.000%, oklch(11.97% 0.0824 264.71) 98.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.061 | 323.4 |
| 2 | 0.425 | 0.222 | 306.5 |
| 3 | 0.654 | 0.214 | 391.1 |
| 4 | 0.98 | 0.141 | 471.4 |
| 5 | 1 | 0.161 | 470.3 |
| 6 | 0.843 | 0.169 | 489.3 |
| 7 | 0.378 | 0.154 | 634.1 |
| 8 | 0.118 | 0.107 | 624.6 |

## In these collections

- [Color wheel swatches](https://grabient.com/color-wheel-swatches)

## Other forms

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