# Brick Red Deep Wine Fan

These four angular wedges move from brick red through ivory, plum, and finish in deep wine. Use the rich darks and contrasting accents for mask graphics, costume planning, invitations, or candlelit event decor. The separated colors give backgrounds, lettering, trim, and small decorative details distinct roles in a dramatic composition.

- Also called: Tritone red, beige and purple angular swatches
- Seed: `kUgGoV9BFG7W0siopcEg`
- Page: https://grabient.com/kUgGoV9BFG7W0siopcEg?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 10.3 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 | `#a83b2d` | `oklch(50.39% 0.1461 30.23)` | Sweet Brown | white, 6.3 to 1 |
| 2 | `#efe2c0` | `oklch(91.34% 0.0469 89.41)` | Beurre Blanc | black, 16.2 to 1 |
| 3 | `#78266e` | `oklch(42.13% 0.1447 333.17)` | Mirage of Violets | white, 9.1 to 1 |
| 4 | `#54173f` | `oklch(31.89% 0.1033 343.74)` | Violet Carmine | white, 13.3 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #a83b2d 0.000% 25.000%, #efe2c0 25.000% 50.000%, #78266e 50.000% 75.000%, #54173f 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(50.39% 0.1461 30.23) 0.000% 25.000%, oklch(91.34% 0.0469 89.41) 25.000% 50.000%, oklch(42.13% 0.1447 333.17) 50.000% 75.000%, oklch(31.89% 0.1033 343.74) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.146 | 30.2 |
| 2 | 0.913 | 0.047 | 89.4 |
| 3 | 0.421 | 0.145 | -26.8 |
| 4 | 0.319 | 0.103 | -16.3 |

## In these collections

- [Masquerade swatches](https://grabient.com/masquerade-swatches)

## Other forms

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