# Magenta film over ink

Analogous black, purple and navy radial gradient with 32 colors: #050b13, #050b16, #050d19, #050e1c, #050f20, #061125, #07122a, #08142f, #0a1534, #0d163a, #10163f, #151645, #1a164a, #1f1650, #261556, #2d165c, #351662, #41186a, #501b73, #601d7a, #6f2080, #7d2284, #862386, #8a2586, #852586, #772583, #65247c, #512173, #3d1e66, #2c1a58, #1f174c, #161443. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, purple and navy radial gradient
- Seed: `kWJRC1mhbBKSsQ06v8QHR86A`
- Page: https://grabient.com/kWJRC1mhbBKSsQ06v8QHR86A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.5 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 | `#050b13` | `oklch(14.57% 0.0220 255.23)` | Dark Rift | white, 19.7 to 1 |
| 2 | `#050b16` | `oklch(15.02% 0.0251 255.95)` | Dark Rift | white, 19.6 to 1 |
| 3 | `#050d19` | `oklch(15.61% 0.0290 256.77)` | Dark Rift | white, 19.5 to 1 |
| 4 | `#050e1c` | `oklch(16.32% 0.0337 257.73)` | Nyctophobia | white, 19.3 to 1 |
| 5 | `#050f20` | `oklch(17.11% 0.0390 258.89)` | Kuretake Black Manga | white, 19.1 to 1 |
| 6 | `#061125` | `oklch(17.96% 0.0448 260.30)` | Kuretake Black Manga | white, 18.8 to 1 |
| 7 | `#07122a` | `oklch(18.86% 0.0509 261.99)` | Squid’s Ink | white, 18.5 to 1 |
| 8 | `#08142f` | `oklch(19.78% 0.0572 264.03)` | Squid’s Ink | white, 18.2 to 1 |
| 9 | `#0a1534` | `oklch(20.70% 0.0636 266.45)` | Liberty Blue | white, 17.9 to 1 |
| 10 | `#0d163a` | `oklch(21.57% 0.0705 269.32)` | Grim Reaper | white, 17.6 to 1 |
| 11 | `#10163f` | `oklch(22.43% 0.0780 272.58)` | Deadly Depths | white, 17.3 to 1 |
| 12 | `#151645` | `oklch(23.31% 0.0858 276.17)` | Tetsu-Kon Blue | white, 17 to 1 |
| 13 | `#1a164a` | `oklch(24.26% 0.0938 280.01)` | Tetsu-Kon Blue | white, 16.7 to 1 |
| 14 | `#1f1650` | `oklch(25.32% 0.1019 284.03)` | Praise of Shadow | white, 16.3 to 1 |
| 15 | `#261556` | `oklch(26.53% 0.1098 288.14)` | Praise of Shadow | white, 15.8 to 1 |
| 16 | `#2d165c` | `oklch(27.95% 0.1176 292.28)` | Voldemort | white, 15.2 to 1 |
| 17 | `#351662` | `oklch(29.68% 0.1252 296.57)` | Candied Blueberry | white, 14.4 to 1 |
| 18 | `#41186a` | `oklch(32.14% 0.1342 301.96)` | Obsidian Shell | white, 13.3 to 1 |
| 19 | `#501b73` | `oklch(35.09% 0.1441 308.09)` | Velvet Vortex | white, 12 to 1 |
| 20 | `#601d7a` | `oklch(38.22% 0.1539 314.38)` | Berry Blackmail | white, 10.7 to 1 |
| 21 | `#6f2080` | `oklch(41.20% 0.1629 320.24)` | Berry Blackmail | white, 9.5 to 1 |
| 22 | `#7d2284` | `oklch(43.73% 0.1700 325.07)` | Hello Darkness My Old Friend | white, 8.6 to 1 |
| 23 | `#862386` | `oklch(45.47% 0.1745 328.31)` | Hello Darkness My Old Friend | white, 8 to 1 |
| 24 | `#8a2586` | `oklch(46.11% 0.1754 329.36)` | Hello Darkness My Old Friend | white, 7.8 to 1 |
| 25 | `#852586` | `oklch(45.32% 0.1716 327.53)` | Hello Darkness My Old Friend | white, 8 to 1 |
| 26 | `#772583` | `oklch(43.10% 0.1627 322.73)` | Hello Darkness My Old Friend | white, 8.8 to 1 |
| 27 | `#65247c` | `oklch(39.87% 0.1502 315.81)` | Berry Blackmail | white, 10 to 1 |
| 28 | `#512173` | `oklch(36.03% 0.1355 307.62)` | Violethargic | white, 11.5 to 1 |
| 29 | `#3d1e66` | `oklch(32.00% 0.1202 299.04)` | Christalle | white, 13.3 to 1 |
| 30 | `#2c1a58` | `oklch(28.18% 0.1057 290.92)` | Fabric of Space | white, 15 to 1 |
| 31 | `#1f174c` | `oklch(24.99% 0.0936 284.13)` | Tetsu-Kon Blue | white, 16.3 to 1 |
| 32 | `#161443` | `oklch(22.83% 0.0854 279.54)` | Deadly Depths | white, 17.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #050b13 0.0%, #050b16 3.2%, #050d19 6.5%, #050e1c 9.7%, #050f20 12.9%, #061125 16.1%, #07122a 19.4%, #08142f 22.6%, #0a1534 25.8%, #0d163a 29.0%, #10163f 32.3%, #151645 35.5%, #1a164a 38.7%, #1f1650 41.9%, #261556 45.2%, #2d165c 48.4%, #351662 51.6%, #41186a 54.8%, #501b73 58.1%, #601d7a 61.3%, #6f2080 64.5%, #7d2284 67.7%, #862386 71.0%, #8a2586 74.2%, #852586 77.4%, #772583 80.6%, #65247c 83.9%, #512173 87.1%, #3d1e66 90.3%, #2c1a58 93.5%, #1f174c 96.8%, #161443 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(14.57% 0.0220 255.23) 0.0%, oklch(15.02% 0.0251 255.95) 3.2%, oklch(15.61% 0.0290 256.77) 6.5%, oklch(16.32% 0.0337 257.73) 9.7%, oklch(17.11% 0.0390 258.89) 12.9%, oklch(17.96% 0.0448 260.30) 16.1%, oklch(18.86% 0.0509 261.99) 19.4%, oklch(19.78% 0.0572 264.03) 22.6%, oklch(20.70% 0.0636 266.45) 25.8%, oklch(21.57% 0.0705 269.32) 29.0%, oklch(22.43% 0.0780 272.58) 32.3%, oklch(23.31% 0.0858 276.17) 35.5%, oklch(24.26% 0.0938 280.01) 38.7%, oklch(25.32% 0.1019 284.03) 41.9%, oklch(26.53% 0.1098 288.14) 45.2%, oklch(27.95% 0.1176 292.28) 48.4%, oklch(29.68% 0.1252 296.57) 51.6%, oklch(32.14% 0.1342 301.96) 54.8%, oklch(35.09% 0.1441 308.09) 58.1%, oklch(38.22% 0.1539 314.38) 61.3%, oklch(41.20% 0.1629 320.24) 64.5%, oklch(43.73% 0.1700 325.07) 67.7%, oklch(45.47% 0.1745 328.31) 71.0%, oklch(46.11% 0.1754 329.36) 74.2%, oklch(45.32% 0.1716 327.53) 77.4%, oklch(43.10% 0.1627 322.73) 80.6%, oklch(39.87% 0.1502 315.81) 83.9%, oklch(36.03% 0.1355 307.62) 87.1%, oklch(32.00% 0.1202 299.04) 90.3%, oklch(28.18% 0.1057 290.92) 93.5%, oklch(24.99% 0.0936 284.13) 96.8%, oklch(22.83% 0.0854 279.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.022 | 255.2 |
| 2 | 0.205 | 0.062 | 265.8 |
| 3 | 0.287 | 0.121 | 294.3 |
| 4 | 0.461 | 0.175 | 329.2 |
| 5 | 0.228 | 0.085 | 279.5 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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