# Near-black and burgundy color palette

The Near-black and burgundy color palette brings together dark gray, dark red, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark gray, and its lightest tone is red.

- Also called: Monochrome black and red radial swatches
- Seed: `kWHwb8GJNCKepQI7v8Bz0XA4`
- Page: https://grabient.com/kWHwb8GJNCKepQI7v8Bz0XA4?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark to light, vivid, dark, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.1 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 | `#080506` | `oklch(12.20% 0.0083 354.38)` | Black Metal | white, 20.2 to 1 |
| 2 | `#27080d` | `oklch(19.29% 0.0524 13.40)` | Sepia Black | white, 18.5 to 1 |
| 3 | `#5d0b19` | `oklch(31.10% 0.1130 18.68)` | Chocolate Cosmos | white, 13.7 to 1 |
| 4 | `#a61827` | `oklch(46.85% 0.1750 22.91)` | Hong Kong Taxi | white, 7.5 to 1 |
| 5 | `#e34b35` | `oklch(62.20% 0.1915 31.36)` | Sour Cherry | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #080506 0.000% 20.000%, #27080d 20.000% 40.000%, #5d0b19 40.000% 60.000%, #a61827 60.000% 80.000%, #e34b35 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(12.20% 0.0083 354.38) 0.000% 20.000%, oklch(19.29% 0.0524 13.40) 20.000% 40.000%, oklch(31.10% 0.1130 18.68) 40.000% 60.000%, oklch(46.85% 0.1750 22.91) 60.000% 80.000%, oklch(62.20% 0.1915 31.36) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.122 | 0.008 | 354.4 |
| 2 | 0.193 | 0.052 | 373.4 |
| 3 | 0.311 | 0.113 | 378.7 |
| 4 | 0.469 | 0.175 | 382.9 |
| 5 | 0.622 | 0.192 | 391.4 |

## In these collections

- [Diwali swatches](https://grabient.com/diwali-swatches)
- [Halloween swatches](https://grabient.com/halloween-swatches)

## Other forms

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