# Wine red palette

The Wine red palette brings together dark magenta, red, and dark red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is red.

- Also called: Seamless warm maroon and red angular gradient
- Seed: `kWLjP8scHBdBXQevOj7maC_A`
- Page: https://grabient.com/kWLjP8scHBdBXQevOj7maC_A?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, dark, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#270113` | `oklch(18.11% 0.0703 355.08)` | Belladonna | white, 19 to 1 |
| 2 | `#2e0017` | `oklch(19.76% 0.0795 356.06)` | Rhodophobia | white, 18.5 to 1 |
| 3 | `#37001b` | `oklch(21.98% 0.0896 357.49)` | Rhodophobia | white, 17.7 to 1 |
| 4 | `#42001f` | `oklch(24.56% 0.0998 358.98)` | Blaze It Dark Magenta | white, 16.7 to 1 |
| 5 | `#4e0025` | `oklch(27.45% 0.1111 0.67)` | Fig Balsamic | white, 15.5 to 1 |
| 6 | `#5b002a` | `oklch(30.52% 0.1231 2.49)` | Fig Balsamic | white, 14.1 to 1 |
| 7 | `#6a002e` | `oklch(33.66% 0.1354 4.41)` | Plum Cheese | white, 12.7 to 1 |
| 8 | `#780033` | `oklch(36.76% 0.1475 6.35)` | Bordeaux | white, 11.3 to 1 |
| 9 | `#860036` | `oklch(39.74% 0.1591 8.29)` | Macabre | white, 10.1 to 1 |
| 10 | `#970039` | `oklch(43.23% 0.1728 10.55)` | Lifeline | white, 8.8 to 1 |
| 11 | `#ab003c` | `oklch(47.22% 0.1887 13.14)` | Screamer Pink | white, 7.5 to 1 |
| 12 | `#c0003d` | `oklch(51.39% 0.2055 15.86)` | Traditional Rose | white, 6.3 to 1 |
| 13 | `#d5003c` | `oklch(55.37% 0.2220 18.53)` | Kurenai Red | white, 5.3 to 1 |
| 14 | `#e60c3a` | `oklch(58.83% 0.2327 20.94)` | Neon Romance | white, 4.6 to 1 |
| 15 | `#f21b39` | `oklch(61.44% 0.2378 22.93)` | Rouge Sarde | black, 5 to 1 |
| 16 | `#f92237` | `oklch(62.85% 0.2400 24.28)` | Bright Scarlet | black, 5.2 to 1 |
| 17 | `#f72434` | `oklch(62.71% 0.2385 24.84)` | Bright Scarlet | black, 5.2 to 1 |
| 18 | `#ef2133` | `oklch(60.97% 0.2329 24.61)` | Rouge Sarde | black, 4.9 to 1 |
| 19 | `#e01a31` | `oklch(57.99% 0.2239 23.78)` | Red-Handed | white, 4.8 to 1 |
| 20 | `#ce0f2f` | `oklch(54.15% 0.2126 22.51)` | Goji Berry | white, 5.6 to 1 |
| 21 | `#ba012c` | `oklch(49.82% 0.1998 20.98)` | Red Dead Redemption | white, 6.7 to 1 |
| 22 | `#a4002a` | `oklch(45.40% 0.1822 19.37)` | Petal of a Dying Rose | white, 8 to 1 |
| 23 | `#8f0027` | `oklch(41.24% 0.1652 17.83)` | Burgundy | white, 9.5 to 1 |
| 24 | `#7e0024` | `oklch(37.75% 0.1511 16.53)` | Wine Red | white, 10.9 to 1 |
| 25 | `#710021` | `oklch(34.96% 0.1398 15.48)` | Evil Forces | white, 12.1 to 1 |
| 26 | `#65001e` | `oklch(32.26% 0.1289 14.39)` | Merguez | white, 13.3 to 1 |
| 27 | `#5a001b` | `oklch(29.67% 0.1186 13.30)` | Bloedworst | white, 14.5 to 1 |
| 28 | `#4f0018` | `oklch(27.24% 0.1089 12.23)` | Saving Light | white, 15.6 to 1 |
| 29 | `#450015` | `oklch(25.02% 0.1000 11.23)` | Rhinoceros Beetle | white, 16.5 to 1 |
| 30 | `#3d0013` | `oklch(23.06% 0.0922 10.35)` | Berry Chocolate | white, 17.3 to 1 |
| 31 | `#370010` | `oklch(21.42% 0.0857 9.62)` | Ilvaite Black | white, 17.9 to 1 |
| 32 | `#31000e` | `oklch(20.13% 0.0806 9.07)` | Ilvaite Black | white, 18.4 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #270113 0.0%, #2e0017 3.2%, #37001b 6.5%, #42001f 9.7%, #4e0025 12.9%, #5b002a 16.1%, #6a002e 19.4%, #780033 22.6%, #860036 25.8%, #970039 29.0%, #ab003c 32.3%, #c0003d 35.5%, #d5003c 38.7%, #e60c3a 41.9%, #f21b39 45.2%, #f92237 48.4%, #f72434 51.6%, #ef2133 54.8%, #e01a31 58.1%, #ce0f2f 61.3%, #ba012c 64.5%, #a4002a 67.7%, #8f0027 71.0%, #7e0024 74.2%, #710021 77.4%, #65001e 80.6%, #5a001b 83.9%, #4f0018 87.1%, #450015 90.3%, #3d0013 93.5%, #370010 96.8%, #31000e 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(18.11% 0.0703 355.08) 0.0%, oklch(19.76% 0.0795 356.06) 3.2%, oklch(21.98% 0.0896 357.49) 6.5%, oklch(24.56% 0.0998 358.98) 9.7%, oklch(27.45% 0.1111 0.67) 12.9%, oklch(30.52% 0.1231 2.49) 16.1%, oklch(33.66% 0.1354 4.41) 19.4%, oklch(36.76% 0.1475 6.35) 22.6%, oklch(39.74% 0.1591 8.29) 25.8%, oklch(43.23% 0.1728 10.55) 29.0%, oklch(47.22% 0.1887 13.14) 32.3%, oklch(51.39% 0.2055 15.86) 35.5%, oklch(55.37% 0.2220 18.53) 38.7%, oklch(58.83% 0.2327 20.94) 41.9%, oklch(61.44% 0.2378 22.93) 45.2%, oklch(62.85% 0.2400 24.28) 48.4%, oklch(62.71% 0.2385 24.84) 51.6%, oklch(60.97% 0.2329 24.61) 54.8%, oklch(57.99% 0.2239 23.78) 58.1%, oklch(54.15% 0.2126 22.51) 61.3%, oklch(49.82% 0.1998 20.98) 64.5%, oklch(45.40% 0.1822 19.37) 67.7%, oklch(41.24% 0.1652 17.83) 71.0%, oklch(37.75% 0.1511 16.53) 74.2%, oklch(34.96% 0.1398 15.48) 77.4%, oklch(32.26% 0.1289 14.39) 80.6%, oklch(29.67% 0.1186 13.30) 83.9%, oklch(27.24% 0.1089 12.23) 87.1%, oklch(25.02% 0.1000 11.23) 90.3%, oklch(23.06% 0.0922 10.35) 93.5%, oklch(21.42% 0.0857 9.62) 96.8%, oklch(20.13% 0.0806 9.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.07 | 355.1 |
| 2 | 0.39 | 0.181 | 367.8 |
| 3 | 0.63 | 0.24 | 384.7 |
| 4 | 0.37 | 0.16 | 376.2 |
| 5 | 0.201 | 0.09 | 368.8 |

## In these collections

- [Red gradients](https://grabient.com/red-gradients)

## Other forms

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