# Crimson and magenta analogous palette

The Crimson and magenta analogous palette brings together red and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and campaign graphics. Its darkest tone is red, and its lightest tone is magenta.

- Also called: Analogous red, pink and purple angular swatches
- Seed: `kWh4MPzFG-lBWvpNzz5SzU-I`
- Page: https://grabient.com/kWh4MPzFG-lBWvpNzz5SzU-I?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: even lightness, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#be2e3a` | `oklch(53.15% 0.1805 21.80)` | Lolita | white, 5.7 to 1 |
| 2 | `#de2357` | `oklch(58.62% 0.2170 12.68)` | Rose Rush | white, 4.6 to 1 |
| 3 | `#ef2078` | `oklch(62.27% 0.2368 3.35)` | Furious Fuchsia | black, 5.1 to 1 |
| 4 | `#e82b93` | `oklch(62.57% 0.2350 353.26)` | Pinkinity | black, 5.2 to 1 |
| 5 | `#ce40a4` | `oklch(60.60% 0.2055 341.68)` | Krameria | black, 4.8 to 1 |
| 6 | `#ac59a6` | `oklch(59.06% 0.1461 330.02)` | Royalty Loyalty | black, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #be2e3a 0.000% 16.667%, #de2357 16.667% 33.333%, #ef2078 33.333% 50.000%, #e82b93 50.000% 66.667%, #ce40a4 66.667% 83.333%, #ac59a6 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(53.15% 0.1805 21.80) 0.000% 16.667%, oklch(58.62% 0.2170 12.68) 16.667% 33.333%, oklch(62.27% 0.2368 3.35) 33.333% 50.000%, oklch(62.57% 0.2350 353.26) 50.000% 66.667%, oklch(60.60% 0.2055 341.68) 66.667% 83.333%, oklch(59.06% 0.1461 330.02) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.181 | 21.8 |
| 2 | 0.598 | 0.225 | 10.2 |
| 3 | 0.63 | 0.238 | -1.5 |
| 4 | 0.61 | 0.218 | -15.2 |
| 5 | 0.591 | 0.146 | -30 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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