# Near-Black Blue Bright Rose Wedges

This angular gradient moves through near-black blue, deep blue, blue, bright cyan blue, pale teal, bright gold, and closes in bright rose. The continuous route preserves several useful light and dark areas for foreground elements. Use it for digital fashion graphics, music artwork, event posters, or bold interface backgrounds with a glossy electronic mood.

- Also called: Rainbow from navy to orange angular gradient
- Seed: `kUHy7DxNw_HG9NRS2CyA`
- Page: https://grabient.com/kUHy7DxNw_HG9NRS2CyA?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, vivid, cool, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.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 | `#03021e` | `oklch(12.20% 0.0634 274.92)` | Hadopelagic Water | white, 20.3 to 1 |
| 2 | `#050329` | `oklch(14.62% 0.0754 274.86)` | Insomnia | white, 19.9 to 1 |
| 3 | `#090638` | `oklch(17.75% 0.0924 275.23)` | Cosmic Void | white, 19.1 to 1 |
| 4 | `#10094b` | `oklch(21.46% 0.1129 275.84)` | Silent Twilight | white, 18 to 1 |
| 5 | `#190e62` | `oklch(25.61% 0.1358 276.48)` | Space Colonisation | white, 16.3 to 1 |
| 6 | `#22147b` | `oklch(30.09% 0.1598 276.93)` | Outer Rim | white, 14.4 to 1 |
| 7 | `#2c1b95` | `oklch(34.75% 0.1836 276.98)` | Gentian Blue | white, 12.3 to 1 |
| 8 | `#3424b1` | `oklch(39.47% 0.2059 276.43)` | Indigo Blue | white, 10.3 to 1 |
| 9 | `#3b30cb` | `oklch(44.12% 0.2255 275.06)` | Third Eye Chakra | white, 8.5 to 1 |
| 10 | `#3d3de3` | `oklch(48.56% 0.2411 272.67)` | Royal Vessel | white, 7 to 1 |
| 11 | `#374df8` | `oklch(52.66% 0.2515 269.04)` | Bright Greek | white, 5.8 to 1 |
| 12 | `#2964ff` | `oklch(56.52% 0.2387 264.12)` | Bluerocratic | white, 4.8 to 1 |
| 13 | `#177bff` | `oklch(60.66% 0.2148 258.27)` | Clear Blue | black, 5.3 to 1 |
| 14 | `#0090ff` | `oklch(65.01% 0.1922 251.59)` | Clear Chill | black, 6.4 to 1 |
| 15 | `#00a5fe` | `oklch(69.41% 0.1714 244.07)` | Protoss Pylon | black, 7.7 to 1 |
| 16 | `#00b7ff` | `oklch(73.71% 0.1581 235.77)` | Blue Bolt | black, 9.2 to 1 |
| 17 | `#10c8ff` | `oklch(77.78% 0.1479 226.71)` | Vivid Sky Blue | black, 10.7 to 1 |
| 18 | `#05d8ff` | `oklch(81.47% 0.1450 216.94)` | Neon Blue | black, 12.3 to 1 |
| 19 | `#00e6fc` | `oklch(84.63% 0.1450 206.51)` | Whimsical Blue | black, 13.7 to 1 |
| 20 | `#00f2f3` | `oklch(87.12% 0.1486 195.41)` | Aqua Cyan | black, 15 to 1 |
| 21 | `#00fbe5` | `oklch(88.79% 0.1575 183.71)` | Bright Aqua | black, 15.9 to 1 |
| 22 | `#35ffce` | `oklch(89.47% 0.1657 171.31)` | Move Mint | black, 16.3 to 1 |
| 23 | `#66fcac` | `oklch(88.97% 0.1704 156.78)` | Venice Green | black, 16 to 1 |
| 24 | `#92f17f` | `oklch(87.43% 0.1756 140.23)` | Herbivore | black, 15.1 to 1 |
| 25 | `#bae042` | `oklch(85.07% 0.1829 122.30)` | Acid Lime | black, 13.8 to 1 |
| 26 | `#d9c800` | `oklch(82.12% 0.1731 103.61)` | Ryoku-Ou-Shoku Yellow | black, 12.2 to 1 |
| 27 | `#e9b000` | `oklch(78.81% 0.1616 84.82)` | Sun Drops | black, 10.6 to 1 |
| 28 | `#f49600` | `oklch(75.38% 0.1671 66.57)` | Laughing Orange | black, 9.2 to 1 |
| 29 | `#ff7806` | `oklch(72.05% 0.1903 49.52)` | Lucky Orange | black, 7.9 to 1 |
| 30 | `#ff5f3b` | `oklch(69.05% 0.2014 34.27)` | Toxic Orange | black, 6.9 to 1 |
| 31 | `#ff4454` | `oklch(66.61% 0.2214 21.48)` | Hotter Than Hell | black, 6.2 to 1 |
| 32 | `#ff2767` | `oklch(64.96% 0.2425 11.79)` | Peevish Red | black, 5.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #03021e 0.0%, #050329 3.2%, #090638 6.5%, #10094b 9.7%, #190e62 12.9%, #22147b 16.1%, #2c1b95 19.4%, #3424b1 22.6%, #3b30cb 25.8%, #3d3de3 29.0%, #374df8 32.3%, #2964ff 35.5%, #177bff 38.7%, #0090ff 41.9%, #00a5fe 45.2%, #00b7ff 48.4%, #10c8ff 51.6%, #05d8ff 54.8%, #00e6fc 58.1%, #00f2f3 61.3%, #00fbe5 64.5%, #35ffce 67.7%, #66fcac 71.0%, #92f17f 74.2%, #bae042 77.4%, #d9c800 80.6%, #e9b000 83.9%, #f49600 87.1%, #ff7806 90.3%, #ff5f3b 93.5%, #ff4454 96.8%, #ff2767 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(12.20% 0.0634 274.92) 0.0%, oklch(14.62% 0.0754 274.86) 3.2%, oklch(17.75% 0.0924 275.23) 6.5%, oklch(21.46% 0.1129 275.84) 9.7%, oklch(25.61% 0.1358 276.48) 12.9%, oklch(30.09% 0.1598 276.93) 16.1%, oklch(34.75% 0.1836 276.98) 19.4%, oklch(39.47% 0.2059 276.43) 22.6%, oklch(44.12% 0.2255 275.06) 25.8%, oklch(48.56% 0.2411 272.67) 29.0%, oklch(52.66% 0.2515 269.04) 32.3%, oklch(56.52% 0.2387 264.12) 35.5%, oklch(60.66% 0.2148 258.27) 38.7%, oklch(65.01% 0.1922 251.59) 41.9%, oklch(69.41% 0.1714 244.07) 45.2%, oklch(73.71% 0.1581 235.77) 48.4%, oklch(77.78% 0.1479 226.71) 51.6%, oklch(81.47% 0.1450 216.94) 54.8%, oklch(84.63% 0.1450 206.51) 58.1%, oklch(87.12% 0.1486 195.41) 61.3%, oklch(88.79% 0.1575 183.71) 64.5%, oklch(89.47% 0.1657 171.31) 67.7%, oklch(88.97% 0.1704 156.78) 71.0%, oklch(87.43% 0.1756 140.23) 74.2%, oklch(85.07% 0.1829 122.30) 77.4%, oklch(82.12% 0.1731 103.61) 80.6%, oklch(78.81% 0.1616 84.82) 83.9%, oklch(75.38% 0.1671 66.57) 87.1%, oklch(72.05% 0.1903 49.52) 90.3%, oklch(69.05% 0.2014 34.27) 93.5%, oklch(66.61% 0.2214 21.48) 96.8%, oklch(64.96% 0.2425 11.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.122 | 0.063 | 274.9 |
| 2 | 0.539 | 0.254 | 267.5 |
| 3 | 0.894 | 0.168 | 175.6 |
| 4 | 0.65 | 0.243 | 11.8 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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