# Magenta and cobalt blue electric purple palette

The Magenta and cobalt blue electric purple palette brings together magenta, purple, and blue. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is magenta.

- Also called: Neon pink, purple and blue linear gradient
- Seed: `kWs-Pr1fC_EvmPdH1DzUbW8Y`
- Page: https://grabient.com/kWs-Pr1fC_EvmPdH1DzUbW8Y?steps=5&angle=0
- Drawn as: linear gradient, 5 steps, 0 degrees
- Kinds: vivid, neon
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#ff2af2` | `oklch(70.47% 0.3002 331.17)` | Pink Kitsch | black, 6.8 to 1 |
| 2 | `#ea15fe` | `oklch(67.32% 0.3100 323.77)` | Brusque Pink | black, 6 to 1 |
| 3 | `#a92bfe` | `oklch(59.45% 0.2811 305.81)` | Cool Purple | white, 4.7 to 1 |
| 4 | `#6256f7` | `oklch(56.30% 0.2315 279.39)` | Shady Neon Blue | white, 5 to 1 |
| 5 | `#3991e2` | `oklch(64.17% 0.1474 249.80)` | Oregon Blue | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(0deg, #ff2af2 0.0%, #ea15fe 25.0%, #a92bfe 50.0%, #6256f7 75.0%, #3991e2 100.0%);
background: linear-gradient(0deg in oklch, oklch(70.47% 0.3002 331.17) 0.0%, oklch(67.32% 0.3100 323.77) 25.0%, oklch(59.45% 0.2811 305.81) 50.0%, oklch(56.30% 0.2315 279.39) 75.0%, oklch(64.17% 0.1474 249.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.313 | 331.2 |
| 2 | 0.673 | 0.31 | 323.8 |
| 3 | 0.594 | 0.281 | 305.8 |
| 4 | 0.563 | 0.231 | 279.4 |
| 5 | 0.642 | 0.147 | 249.8 |

## In these collections

- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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