# Near-Black Cyan Blue Deep Wedges

These 4 angular wedges move through near-black cyan blue, bright teal, bright cyan blue, and deep magenta. The separated colors give backgrounds, type, borders, and accents distinct assignments. Use it for digital fashion graphics, music artwork, event posters, or bold interface backgrounds with a glossy electronic mood.

- Also called: Black, teal, blue and pink angular swatches
- Seed: `kULxqjcUA48pTSpQ40mg`
- Page: https://grabient.com/kULxqjcUA48pTSpQ40mg?style=angularSwatches&steps=4&angle=325
- Drawn as: angular swatches, 4 steps, 325 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 14.2 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 | `#00151f` | `oklch(18.50% 0.0358 229.22)` | Creeping Death | white, 18.5 to 1 |
| 2 | `#07ffc9` | `oklch(88.97% 0.1755 170.04)` | Plunge Pool | black, 16.1 to 1 |
| 3 | `#0c70ff` | `oklch(58.27% 0.2287 259.86)` | Brandeis Blue | black, 4.7 to 1 |
| 4 | `#ed00b6` | `oklch(63.39% 0.2726 342.29)` | Kriss Me Not Fuchsia | black, 5.2 to 1 |

## CSS

```css
background: conic-gradient(from 325deg, #00151f 0.000% 25.000%, #07ffc9 25.000% 50.000%, #0c70ff 50.000% 75.000%, #ed00b6 75.000% 100.000%);
background: conic-gradient(from 325deg, oklch(18.50% 0.0358 229.22) 0.000% 25.000%, oklch(88.97% 0.1755 170.04) 25.000% 50.000%, oklch(58.27% 0.2287 259.86) 50.000% 75.000%, oklch(63.39% 0.2726 342.29) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.036 | 229.2 |
| 2 | 0.89 | 0.176 | 170 |
| 3 | 0.583 | 0.229 | 259.9 |
| 4 | 0.634 | 0.273 | 342.3 |

## In these collections

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

## Other forms

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