# Coral lime rainbow fan

Rainbow angular swatches with 34 colors: #000036, #0a004d, #24006c, #48008a, #72009b, #99009c, #bc008d, #db1372, #f03351, #fc542a, #ff7916, #ff9b32, #ffb955, #ffd174, #ffe486, #fdf18d, #f9fc8b, #f3ffc0, #ecffc7, #d8ffaa, #b6fb68, #a4e850, #8dd33a, #65bf35, #00ae54, #009078, #00737d, #00577c, #003b84, #13207f, #110f6e, #060161, #000c43, #000c31. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow angular swatches
- Seed: `kcJlC7u1FG9hLST1q0ZecND1dFQcsuk3ljW_w`
- Page: https://grabient.com/kcJlC7u1FG9hLST1q0ZecND1dFQcsuk3ljW_w?style=angularSwatches&steps=34&angle=180
- Drawn as: angular swatches, 34 steps, 180 degrees
- Kinds: light center, vivid, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 18.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 | `#000036` | `oklch(15.08% 0.1045 264.05)` | Mighty Midnight | white, 19.9 to 1 |
| 2 | `#0a004d` | `oklch(19.78% 0.1274 271.96)` | Night Blue | white, 18.7 to 1 |
| 3 | `#24006c` | `oklch(26.58% 0.1568 283.61)` | Bavarian Gentian | white, 16.2 to 1 |
| 4 | `#48008a` | `oklch(34.33% 0.1859 297.42)` | Indigo Static | white, 12.7 to 1 |
| 5 | `#72009b` | `oklch(41.86% 0.2092 312.26)` | Chinese Purple | white, 9.6 to 1 |
| 6 | `#99009c` | `oklch(48.08% 0.2224 327.12)` | Violet Eggplant | white, 7.4 to 1 |
| 7 | `#bc008d` | `oklch(53.31% 0.2281 343.47)` | Vibrant Velvet | white, 5.9 to 1 |
| 8 | `#db1372` | `oklch(58.06% 0.2279 1.01)` | Magenta Elephant | white, 4.8 to 1 |
| 9 | `#f03351` | `oklch(62.62% 0.2211 18.53)` | Radish Lips | black, 5.2 to 1 |
| 10 | `#fc542a` | `oklch(67.23% 0.2114 34.78)` | Poppy Surprise | black, 6.4 to 1 |
| 11 | `#ff7916` | `oklch(72.22% 0.1880 48.86)` | Orange Popsicle | black, 8 to 1 |
| 12 | `#ff9b32` | `oklch(77.75% 0.1623 61.60)` | Deep Saffron | black, 10 to 1 |
| 13 | `#ffb955` | `oklch(83.30% 0.1404 73.25)` | Carolling Candlelight | black, 12.3 to 1 |
| 14 | `#ffd174` | `oklch(88.28% 0.1235 83.90)` | Banana Bread | black, 14.6 to 1 |
| 15 | `#ffe486` | `oklch(92.10% 0.1175 93.63)` | Lemon Drizzle | black, 16.6 to 1 |
| 16 | `#fdf18d` | `oklch(94.72% 0.1220 102.41)` | The First Daffodil | black, 18.1 to 1 |
| 17 | `#f9fc8b` | `oklch(96.64% 0.1362 110.17)` | Aged Plastic Casing | black, 19.3 to 1 |
| 18 | `#f3ffc0` | `oklch(97.56% 0.0817 117.01)` | Porcelain Earth | black, 19.8 to 1 |
| 19 | `#ecffc7` | `oklch(97.21% 0.0754 123.06)` | Snowdrop | black, 19.6 to 1 |
| 20 | `#d8ffaa` | `oklch(95.28% 0.1161 128.38)` | Lime Mist | black, 18.8 to 1 |
| 21 | `#b6fb68` | `oklch(91.33% 0.1910 130.44)` | Stinging Wasabi | black, 17 to 1 |
| 22 | `#a4e850` | `oklch(85.73% 0.1933 130.28)` | Dynamic Green | black, 14.2 to 1 |
| 23 | `#8dd33a` | `oklch(79.15% 0.1932 131.30)` | Blanka Green | black, 11.4 to 1 |
| 24 | `#65bf35` | `oklch(72.29% 0.1916 136.94)` | Zunda Green | black, 9 to 1 |
| 25 | `#00ae54` | `oklch(65.64% 0.1770 150.90)` | Rita Repulsa | black, 7.1 to 1 |
| 26 | `#009078` | `oklch(58.33% 0.1093 175.69)` | Dòu Lǜ Green | black, 5.2 to 1 |
| 27 | `#00737d` | `oklch(50.64% 0.0866 206.01)` | Night Scape | white, 5.6 to 1 |
| 28 | `#00577c` | `oklch(43.21% 0.0923 235.51)` | Real Mccoy | white, 7.9 to 1 |
| 29 | `#003b84` | `oklch(36.66% 0.1346 257.81)` | Mystery Oceans | white, 10.7 to 1 |
| 30 | `#13207f` | `oklch(31.32% 0.1569 268.25)` | Impression of Obscurity | white, 13.6 to 1 |
| 31 | `#110f6e` | `oklch(26.69% 0.1535 270.27)` | Dying Storm Blue | white, 15.9 to 1 |
| 32 | `#060161` | `oklch(22.78% 0.1509 267.42)` | D. Darx Blue | white, 17.7 to 1 |
| 33 | `#000c43` | `oklch(19.66% 0.1038 263.42)` | Storm | white, 18.5 to 1 |
| 34 | `#000c31` | `oklch(17.35% 0.0765 261.32)` | Mysterious Depths | white, 19.1 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #000036 0.000% 2.941%, #0a004d 2.941% 5.882%, #24006c 5.882% 8.824%, #48008a 8.824% 11.765%, #72009b 11.765% 14.706%, #99009c 14.706% 17.647%, #bc008d 17.647% 20.588%, #db1372 20.588% 23.529%, #f03351 23.529% 26.471%, #fc542a 26.471% 29.412%, #ff7916 29.412% 32.353%, #ff9b32 32.353% 35.294%, #ffb955 35.294% 38.235%, #ffd174 38.235% 41.176%, #ffe486 41.176% 44.118%, #fdf18d 44.118% 47.059%, #f9fc8b 47.059% 50.000%, #f3ffc0 50.000% 52.941%, #ecffc7 52.941% 55.882%, #d8ffaa 55.882% 58.824%, #b6fb68 58.824% 61.765%, #a4e850 61.765% 64.706%, #8dd33a 64.706% 67.647%, #65bf35 67.647% 70.588%, #00ae54 70.588% 73.529%, #009078 73.529% 76.471%, #00737d 76.471% 79.412%, #00577c 79.412% 82.353%, #003b84 82.353% 85.294%, #13207f 85.294% 88.235%, #110f6e 88.235% 91.176%, #060161 91.176% 94.118%, #000c43 94.118% 97.059%, #000c31 97.059% 100.000%);
background: conic-gradient(from 180deg, oklch(15.08% 0.1045 264.05) 0.000% 2.941%, oklch(19.78% 0.1274 271.96) 2.941% 5.882%, oklch(26.58% 0.1568 283.61) 5.882% 8.824%, oklch(34.33% 0.1859 297.42) 8.824% 11.765%, oklch(41.86% 0.2092 312.26) 11.765% 14.706%, oklch(48.08% 0.2224 327.12) 14.706% 17.647%, oklch(53.31% 0.2281 343.47) 17.647% 20.588%, oklch(58.06% 0.2279 1.01) 20.588% 23.529%, oklch(62.62% 0.2211 18.53) 23.529% 26.471%, oklch(67.23% 0.2114 34.78) 26.471% 29.412%, oklch(72.22% 0.1880 48.86) 29.412% 32.353%, oklch(77.75% 0.1623 61.60) 32.353% 35.294%, oklch(83.30% 0.1404 73.25) 35.294% 38.235%, oklch(88.28% 0.1235 83.90) 38.235% 41.176%, oklch(92.10% 0.1175 93.63) 41.176% 44.118%, oklch(94.72% 0.1220 102.41) 44.118% 47.059%, oklch(96.64% 0.1362 110.17) 47.059% 50.000%, oklch(97.56% 0.0817 117.01) 50.000% 52.941%, oklch(97.21% 0.0754 123.06) 52.941% 55.882%, oklch(95.28% 0.1161 128.38) 55.882% 58.824%, oklch(91.33% 0.1910 130.44) 58.824% 61.765%, oklch(85.73% 0.1933 130.28) 61.765% 64.706%, oklch(79.15% 0.1932 131.30) 64.706% 67.647%, oklch(72.29% 0.1916 136.94) 67.647% 70.588%, oklch(65.64% 0.1770 150.90) 70.588% 73.529%, oklch(58.33% 0.1093 175.69) 73.529% 76.471%, oklch(50.64% 0.0866 206.01) 76.471% 79.412%, oklch(43.21% 0.0923 235.51) 79.412% 82.353%, oklch(36.66% 0.1346 257.81) 82.353% 85.294%, oklch(31.32% 0.1569 268.25) 85.294% 88.235%, oklch(26.69% 0.1535 270.27) 88.235% 91.176%, oklch(22.78% 0.1509 267.42) 91.176% 94.118%, oklch(19.66% 0.1038 263.42) 94.118% 97.059%, oklch(17.35% 0.0765 261.32) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.11 | 263.7 |
| 2 | 0.465 | 0.223 | 322.8 |
| 3 | 0.693 | 0.207 | 401 |
| 4 | 0.925 | 0.119 | 454.9 |
| 5 | 0.957 | 0.185 | 487.7 |
| 6 | 0.685 | 0.19 | 503.6 |
| 7 | 0.35 | 0.16 | 621.9 |
| 8 | 0.173 | 0.147 | 620.9 |

## In these collections

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

## Other forms

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