# Ink Blue Acid Yellow Fan

This angular gradient moves from ink blue through violet, magenta, violet, blue, cyan, green, and finishes in acid yellow. Use the bold ink colors for DIY editorial graphics, zine covers, posters, or print-inspired title panels. The contrasting tones can separate large backgrounds, strong lettering, borders, and small disruptive accents within a compact layout.

- Also called: Vivid blue, pink, teal and light green angular gradient
- Seed: `kUbWW6zFjLVatr70R7MA`
- Page: https://grabient.com/kUbWW6zFjLVatr70R7MA?style=angularGradient&steps=32&angle=210
- Drawn as: angular gradient, 32 steps, 210 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.6 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 | `#224a9a` | `oklch(42.91% 0.1392 262.27)` | Sea of Tears | white, 8.3 to 1 |
| 2 | `#3249a2` | `oklch(43.92% 0.1461 268.76)` | The Blues Brothers | white, 8 to 1 |
| 3 | `#4646aa` | `oklch(45.26% 0.1562 278.35)` | Megadrive Screen | white, 7.7 to 1 |
| 4 | `#5d41b0` | `oklch(46.85% 0.1686 290.14)` | Swiss Plum | white, 7.3 to 1 |
| 5 | `#763ab2` | `oklch(48.63% 0.1823 303.22)` | Shredder Lavender | white, 6.9 to 1 |
| 6 | `#8f31ad` | `oklch(50.54% 0.1966 316.71)` | Pleasant Purple | white, 6.5 to 1 |
| 7 | `#a726a3` | `oklch(52.49% 0.2104 329.70)` | Purple Tone Ink | white, 6 to 1 |
| 8 | `#bd1895` | `oklch(54.43% 0.2229 341.31)` | Fuchsia Flourish | white, 5.6 to 1 |
| 9 | `#cf0387` | `oklch(56.27% 0.2333 350.62)` | Snappy Violet | white, 5.2 to 1 |
| 10 | `#db007d` | `oklch(57.97% 0.2368 356.76)` | Vampire Love Story | white, 4.8 to 1 |
| 11 | `#e3007c` | `oklch(59.43% 0.2415 358.81)` | Mexican Pink | white, 4.6 to 1 |
| 12 | `#e61186` | `oklch(60.59% 0.2422 356.10)` | Myoga Purple | black, 4.7 to 1 |
| 13 | `#e1289a` | `oklch(61.50% 0.2354 349.21)` | Myoga Purple | black, 4.9 to 1 |
| 14 | `#d63cb3` | `oklch(62.22% 0.2245 338.86)` | Loudicious Pink | black, 5.1 to 1 |
| 15 | `#c54ecb` | `oklch(62.81% 0.2106 325.77)` | Unloaded Texture Purple | black, 5.3 to 1 |
| 16 | `#af60df` | `oklch(63.33% 0.1949 310.65)` | Violet Voltage | black, 5.5 to 1 |
| 17 | `#9470eb` | `oklch(63.84% 0.1785 294.22)` | Matt Purple | black, 5.8 to 1 |
| 18 | `#7780ee` | `oklch(64.42% 0.1625 277.18)` | Hera Blue | black, 6.1 to 1 |
| 19 | `#588ee9` | `oklch(65.13% 0.1480 260.25)` | Olympic Blue | black, 6.4 to 1 |
| 20 | `#399adf` | `oklch(66.02% 0.1362 244.14)` | Flax Flower Blue | black, 6.8 to 1 |
| 21 | `#1aa3d5` | `oklch(67.17% 0.1281 229.56)` | Blue Damselfly | black, 7.2 to 1 |
| 22 | `#00accb` | `oklch(68.65% 0.1227 217.06)` | Ball Blue | black, 7.7 to 1 |
| 23 | `#00b5c3` | `oklch(70.55% 0.1204 204.83)` | Lago Blue | black, 8.4 to 1 |
| 24 | `#00bfbc` | `oklch(72.80% 0.1249 192.40)` | Cala Benirrás Blue | black, 9.1 to 1 |
| 25 | `#00cbb2` | `oklch(75.32% 0.1367 179.99)` | Pristine Oceanic | black, 10.1 to 1 |
| 26 | `#35d4a5` | `oklch(77.98% 0.1457 167.83)` | Wild Caribbean Green | black, 11.1 to 1 |
| 27 | `#5add95` | `oklch(80.69% 0.1555 156.14)` | Aurora Green | black, 12.2 to 1 |
| 28 | `#7ce482` | `oklch(83.35% 0.1658 145.12)` | Feralas Lime | black, 13.3 to 1 |
| 29 | `#9ce96d` | `oklch(85.85% 0.1758 135.00)` | Herbivore | black, 14.3 to 1 |
| 30 | `#b9ed56` | `oklch(88.08% 0.1848 125.99)` | Inchworm | black, 15.2 to 1 |
| 31 | `#d3ee3d` | `oklch(89.94% 0.1921 118.32)` | Lime Fizz | black, 16 to 1 |
| 32 | `#e6ee21` | `oklch(91.34% 0.1970 112.21)` | Robot Grendizer Gold | black, 16.6 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #224a9a 0.0%, #3249a2 3.2%, #4646aa 6.5%, #5d41b0 9.7%, #763ab2 12.9%, #8f31ad 16.1%, #a726a3 19.4%, #bd1895 22.6%, #cf0387 25.8%, #db007d 29.0%, #e3007c 32.3%, #e61186 35.5%, #e1289a 38.7%, #d63cb3 41.9%, #c54ecb 45.2%, #af60df 48.4%, #9470eb 51.6%, #7780ee 54.8%, #588ee9 58.1%, #399adf 61.3%, #1aa3d5 64.5%, #00accb 67.7%, #00b5c3 71.0%, #00bfbc 74.2%, #00cbb2 77.4%, #35d4a5 80.6%, #5add95 83.9%, #7ce482 87.1%, #9ce96d 90.3%, #b9ed56 93.5%, #d3ee3d 96.8%, #e6ee21 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(42.91% 0.1392 262.27) 0.0%, oklch(43.92% 0.1461 268.76) 3.2%, oklch(45.26% 0.1562 278.35) 6.5%, oklch(46.85% 0.1686 290.14) 9.7%, oklch(48.63% 0.1823 303.22) 12.9%, oklch(50.54% 0.1966 316.71) 16.1%, oklch(52.49% 0.2104 329.70) 19.4%, oklch(54.43% 0.2229 341.31) 22.6%, oklch(56.27% 0.2333 350.62) 25.8%, oklch(57.97% 0.2368 356.76) 29.0%, oklch(59.43% 0.2415 358.81) 32.3%, oklch(60.59% 0.2422 356.10) 35.5%, oklch(61.50% 0.2354 349.21) 38.7%, oklch(62.22% 0.2245 338.86) 41.9%, oklch(62.81% 0.2106 325.77) 45.2%, oklch(63.33% 0.1949 310.65) 48.4%, oklch(63.84% 0.1785 294.22) 51.6%, oklch(64.42% 0.1625 277.18) 54.8%, oklch(65.13% 0.1480 260.25) 58.1%, oklch(66.02% 0.1362 244.14) 61.3%, oklch(67.17% 0.1281 229.56) 64.5%, oklch(68.65% 0.1227 217.06) 67.7%, oklch(70.55% 0.1204 204.83) 71.0%, oklch(72.80% 0.1249 192.40) 74.2%, oklch(75.32% 0.1367 179.99) 77.4%, oklch(77.98% 0.1457 167.83) 80.6%, oklch(80.69% 0.1555 156.14) 83.9%, oklch(83.35% 0.1658 145.12) 87.1%, oklch(85.85% 0.1758 135.00) 90.3%, oklch(88.08% 0.1848 125.99) 93.5%, oklch(89.94% 0.1921 118.32) 96.8%, oklch(91.34% 0.1970 112.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.139 | 262.3 |
| 2 | 0.598 | 0.244 | 358.4 |
| 3 | 0.681 | 0.125 | 221.1 |
| 4 | 0.913 | 0.197 | 112.2 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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