# Near-black and burgundy color palette

The Near-black and burgundy color palette brings together dark gray, 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 gray, and its lightest tone is red.

- Also called: Black and red radial swatches
- Seed: `kWJggVyc4_zI1v2kIr9mhG_g`
- Page: https://grabient.com/kWJggVyc4_zI1v2kIr9mhG_g?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: light center, vivid, dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.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 | `#0f0908` | `oklch(14.96% 0.0110 30.23)` | Chyornyi Black | white, 19.7 to 1 |
| 2 | `#dc281e` | `oklch(57.87% 0.2150 29.18)` | Snake Fruit | white, 4.7 to 1 |
| 3 | `#831118` | `oklch(39.37% 0.1474 24.95)` | Grubby Red | white, 10.1 to 1 |
| 4 | `#4f0e14` | `oklch(28.35% 0.0951 20.72)` | Maroon Oak | white, 14.9 to 1 |
| 5 | `#290c0f` | `oklch(20.47% 0.0482 17.55)` | Italian Roast | white, 18.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0f0908 0.000% 20.000%, #dc281e 20.000% 40.000%, #831118 40.000% 60.000%, #4f0e14 60.000% 80.000%, #290c0f 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(14.96% 0.0110 30.23) 0.000% 20.000%, oklch(57.87% 0.2150 29.18) 20.000% 40.000%, oklch(39.37% 0.1474 24.95) 40.000% 60.000%, oklch(28.35% 0.0951 20.72) 60.000% 80.000%, oklch(20.47% 0.0482 17.55) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.011 | 30.2 |
| 2 | 0.579 | 0.215 | 29.2 |
| 3 | 0.394 | 0.147 | 25 |
| 4 | 0.283 | 0.095 | 20.7 |
| 5 | 0.205 | 0.048 | 17.6 |

## In these collections

- [Red and black](https://grabient.com/red-and-black)
- [Red swatches](https://grabient.com/red-swatches)

## Other forms

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