# Cyan Magenta Sensor Halo

A radial gradient starts in dark navy, expands through blue and violet into magenta, then finishes in bright cyan and mint. Its clear spectral zones suit false-color astronomy maps, telescope-themed artwork, orbital dashboards, educational graphics, and centered layouts that need a dark focal region.

- Also called: Navy, purple, pink and light blue linear gradient
- Seed: `kUNTzAtzVBlDHxlqpa2g`
- Page: https://grabient.com/kUNTzAtzVBlDHxlqpa2g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#0b123d` | `oklch(20.87% 0.0827 270.70)` | Grim Reaper | white, 17.9 to 1 |
| 2 | `#0e1442` | `oklch(22.16% 0.0864 271.32)` | Deadly Depths | white, 17.4 to 1 |
| 3 | `#111849` | `oklch(23.83% 0.0911 271.89)` | Tetsu-Kon Blue | white, 16.8 to 1 |
| 4 | `#161c51` | `oklch(25.81% 0.0968 272.49)` | Fly-by-Night | white, 15.9 to 1 |
| 5 | `#1a215b` | `oklch(28.03% 0.1032 273.18)` | Fibonacci Blue | white, 14.9 to 1 |
| 6 | `#202665` | `oklch(30.42% 0.1100 274.04)` | Intergalactic Cowboy | white, 13.8 to 1 |
| 7 | `#262b70` | `oklch(32.92% 0.1171 275.14)` | Blue Rose | white, 12.6 to 1 |
| 8 | `#2e307b` | `oklch(35.45% 0.1243 276.55)` | Ballpoint Indigo | white, 11.5 to 1 |
| 9 | `#363586` | `oklch(37.96% 0.1313 278.35)` | Perfect Dark | white, 10.4 to 1 |
| 10 | `#3e3a90` | `oklch(40.36% 0.1380 280.60)` | Clematis Blue | white, 9.5 to 1 |
| 11 | `#483e99` | `oklch(42.61% 0.1442 283.38)` | Blueberry | white, 8.6 to 1 |
| 12 | `#5240a1` | `oklch(44.67% 0.1500 287.19)` | Megadrive Screen | white, 8 to 1 |
| 13 | `#6042a8` | `oklch(46.68% 0.1566 293.13)` | Swiss Plum | white, 7.4 to 1 |
| 14 | `#7042ac` | `oklch(48.65% 0.1637 300.64)` | Shiner | white, 6.8 to 1 |
| 15 | `#8141ad` | `oklch(50.59% 0.1709 309.05)` | Harley Hair Purple | white, 6.3 to 1 |
| 16 | `#933fac` | `oklch(52.51% 0.1780 317.70)` | Akebi Purple | white, 5.9 to 1 |
| 17 | `#a33ea8` | `oklch(54.42% 0.1845 325.89)` | Medium Purple | white, 5.4 to 1 |
| 18 | `#b23ea4` | `oklch(56.33% 0.1901 332.95)` | Vivid Fuchsia | white, 5 to 1 |
| 19 | `#bf3fa2` | `oklch(58.23% 0.1945 338.22)` | Ultraviolet Nusp | white, 4.7 to 1 |
| 20 | `#c943a3` | `oklch(60.15% 0.1972 341.01)` | Krameria | black, 4.8 to 1 |
| 21 | `#d049aa` | `oklch(62.08% 0.1979 340.66)` | Krameria | black, 5.2 to 1 |
| 22 | `#d253b8` | `oklch(64.05% 0.1962 336.43)` | Zǐ Sè Purple | black, 5.6 to 1 |
| 23 | `#ce60ce` | `oklch(66.16% 0.1914 327.50)` | Blueberry Glaze | black, 6.1 to 1 |
| 24 | `#c371e7` | `oklch(68.39% 0.1838 314.54)` | Purple Snail | black, 6.8 to 1 |
| 25 | `#b084fd` | `oklch(70.68% 0.1742 298.54)` | Lilac Geode | black, 7.5 to 1 |
| 26 | `#989cff` | `oklch(72.99% 0.1428 280.47)` | Cobalite | black, 8.5 to 1 |
| 27 | `#81aeff` | `oklch(75.25% 0.1269 261.34)` | Kitten’s Eye | black, 9.4 to 1 |
| 28 | `#65bfff` | `oklch(77.40% 0.1263 242.11)` | Broken Blue | black, 10.4 to 1 |
| 29 | `#48cdf8` | `oklch(79.40% 0.1280 223.79)` | Thor’s Thunder | black, 11.3 to 1 |
| 30 | `#4fd7e8` | `oklch(81.18% 0.1178 207.35)` | Blue Dacnis | black, 12.1 to 1 |
| 31 | `#62dddb` | `oklch(82.68% 0.1093 193.77)` | Pluviophile | black, 12.8 to 1 |
| 32 | `#73e0d2` | `oklch(83.86% 0.1033 184.05)` | Shimmering Blue | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0b123d 0.0%, #0e1442 3.2%, #111849 6.5%, #161c51 9.7%, #1a215b 12.9%, #202665 16.1%, #262b70 19.4%, #2e307b 22.6%, #363586 25.8%, #3e3a90 29.0%, #483e99 32.3%, #5240a1 35.5%, #6042a8 38.7%, #7042ac 41.9%, #8141ad 45.2%, #933fac 48.4%, #a33ea8 51.6%, #b23ea4 54.8%, #bf3fa2 58.1%, #c943a3 61.3%, #d049aa 64.5%, #d253b8 67.7%, #ce60ce 71.0%, #c371e7 74.2%, #b084fd 77.4%, #989cff 80.6%, #81aeff 83.9%, #65bfff 87.1%, #48cdf8 90.3%, #4fd7e8 93.5%, #62dddb 96.8%, #73e0d2 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.87% 0.0827 270.70) 0.0%, oklch(22.16% 0.0864 271.32) 3.2%, oklch(23.83% 0.0911 271.89) 6.5%, oklch(25.81% 0.0968 272.49) 9.7%, oklch(28.03% 0.1032 273.18) 12.9%, oklch(30.42% 0.1100 274.04) 16.1%, oklch(32.92% 0.1171 275.14) 19.4%, oklch(35.45% 0.1243 276.55) 22.6%, oklch(37.96% 0.1313 278.35) 25.8%, oklch(40.36% 0.1380 280.60) 29.0%, oklch(42.61% 0.1442 283.38) 32.3%, oklch(44.67% 0.1500 287.19) 35.5%, oklch(46.68% 0.1566 293.13) 38.7%, oklch(48.65% 0.1637 300.64) 41.9%, oklch(50.59% 0.1709 309.05) 45.2%, oklch(52.51% 0.1780 317.70) 48.4%, oklch(54.42% 0.1845 325.89) 51.6%, oklch(56.33% 0.1901 332.95) 54.8%, oklch(58.23% 0.1945 338.22) 58.1%, oklch(60.15% 0.1972 341.01) 61.3%, oklch(62.08% 0.1979 340.66) 64.5%, oklch(64.05% 0.1962 336.43) 67.7%, oklch(66.16% 0.1914 327.50) 71.0%, oklch(68.39% 0.1838 314.54) 74.2%, oklch(70.68% 0.1742 298.54) 77.4%, oklch(72.99% 0.1428 280.47) 80.6%, oklch(75.25% 0.1269 261.34) 83.9%, oklch(77.40% 0.1263 242.11) 87.1%, oklch(79.40% 0.1280 223.79) 90.3%, oklch(81.18% 0.1178 207.35) 93.5%, oklch(82.68% 0.1093 193.77) 96.8%, oklch(83.86% 0.1033 184.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.083 | 270.7 |
| 2 | 0.433 | 0.146 | 284.4 |
| 3 | 0.634 | 0.197 | 338.3 |
| 4 | 0.839 | 0.103 | 184 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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