# Near-black and crimson color palette

This palette brings together black, dark red, and red. It lightens and then darkens across a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits website sections and presentation backgrounds, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Seamless black and maroon radial gradient
- Seed: `kWEg8NI6S_7u6QMcGz5h4W_4`
- Page: https://grabient.com/kWEg8NI6S_7u6QMcGz5h4W_4?style=radialGradient&steps=40&angle=190
- Drawn as: radial gradient, 40 steps, 190 degrees
- Kinds: light center, vivid, dark, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#040001` | `oklch(7.09% 0.0207 18.28)` | Binary Black | white, 20.8 to 1 |
| 2 | `#060101` | `oklch(8.37% 0.0257 18.25)` | Pupil | white, 20.7 to 1 |
| 3 | `#0b0101` | `oklch(10.05% 0.0322 18.16)` | Dark Matter | white, 20.6 to 1 |
| 4 | `#120102` | `oklch(12.03% 0.0400 18.04)` | Dark Matter | white, 20.3 to 1 |
| 5 | `#190204` | `oklch(14.26% 0.0488 17.91)` | Dwarf Fortress | white, 19.9 to 1 |
| 6 | `#220205` | `oklch(16.64% 0.0581 17.81)` | Ponzu Brown | white, 19.4 to 1 |
| 7 | `#2c0308` | `oklch(19.12% 0.0677 17.74)` | Sepia Black | white, 18.7 to 1 |
| 8 | `#35040c` | `oklch(21.61% 0.0773 17.74)` | 3AM Breakup | white, 17.8 to 1 |
| 9 | `#3f050f` | `oklch(24.05% 0.0864 17.83)` | Berry Chocolate | white, 16.9 to 1 |
| 10 | `#490712` | `oklch(26.36% 0.0949 18.04)` | Rum Chocolate | white, 15.9 to 1 |
| 11 | `#510915` | `oklch(28.48% 0.1024 18.39)` | Maroon Oak | white, 14.9 to 1 |
| 12 | `#5b0c18` | `oklch(30.78% 0.1102 19.01)` | Chocolate Cosmos | white, 13.9 to 1 |
| 13 | `#660f1b` | `oklch(33.34% 0.1186 19.89)` | Forbidden Passion | white, 12.7 to 1 |
| 14 | `#71131e` | `oklch(36.02% 0.1272 20.94)` | Surya Red | white, 11.5 to 1 |
| 15 | `#7d1720` | `oklch(38.67% 0.1356 22.07)` | Falu Red | white, 10.4 to 1 |
| 16 | `#881b22` | `oklch(41.17% 0.1434 23.18)` | Red Dahlia | white, 9.4 to 1 |
| 17 | `#921f24` | `oklch(43.37% 0.1501 24.20)` | Classy Red | white, 8.6 to 1 |
| 18 | `#9a2225` | `oklch(45.15% 0.1554 25.02)` | Manchester Nights | white, 8 to 1 |
| 19 | `#9f2425` | `oklch(46.37% 0.1589 25.57)` | Rustic Rouge | white, 7.6 to 1 |
| 20 | `#a12526` | `oklch(46.89% 0.1602 25.75)` | Haute Couture | white, 7.4 to 1 |
| 21 | `#a02526` | `oklch(46.58% 0.1588 25.48)` | Haute Couture | white, 7.5 to 1 |
| 22 | `#9a2326` | `oklch(45.35% 0.1544 24.71)` | Manchester Nights | white, 7.9 to 1 |
| 23 | `#912026` | `oklch(43.38% 0.1476 23.54)` | Classy Red | white, 8.6 to 1 |
| 24 | `#851d25` | `oklch(40.81% 0.1388 22.08)` | Red Dahlia | white, 9.5 to 1 |
| 25 | `#781923` | `oklch(37.83% 0.1286 20.44)` | Jazzy Red | white, 10.7 to 1 |
| 26 | `#691420` | `oklch(34.60% 0.1176 18.72)` | Forbidden Passion | white, 12.1 to 1 |
| 27 | `#5b101d` | `oklch(31.29% 0.1063 17.03)` | Chocolate Cosmos | white, 13.6 to 1 |
| 28 | `#4e0c19` | `oklch(28.07% 0.0953 15.47)` | Maroon Oak | white, 15.1 to 1 |
| 29 | `#420915` | `oklch(25.12% 0.0851 14.15)` | Rum Chocolate | white, 16.4 to 1 |
| 30 | `#380711` | `oklch(22.59% 0.0763 13.17)` | Dark Maroon | white, 17.4 to 1 |
| 31 | `#2f050e` | `oklch(20.48% 0.0688 12.58)` | Ilvaite Black | white, 18.2 to 1 |
| 32 | `#28040b` | `oklch(18.41% 0.0614 12.23)` | Sepia Black | white, 18.9 to 1 |
| 33 | `#200308` | `oklch(16.40% 0.0541 12.08)` | Ponzu Brown | white, 19.4 to 1 |
| 34 | `#190205` | `oklch(14.47% 0.0470 12.07)` | Dwarf Fortress | white, 19.9 to 1 |
| 35 | `#130104` | `oklch(12.65% 0.0403 12.19)` | Dark Matter | white, 20.2 to 1 |
| 36 | `#0d0102` | `oklch(10.95% 0.0339 12.37)` | Dark Matter | white, 20.5 to 1 |
| 37 | `#080102` | `oklch(9.40% 0.0282 12.58)` | Pupil | white, 20.6 to 1 |
| 38 | `#050101` | `oklch(8.03% 0.0230 12.79)` | Armour Wash | white, 20.8 to 1 |
| 39 | `#030001` | `oklch(6.85% 0.0187 12.94)` | Binary Black | white, 20.8 to 1 |
| 40 | `#020000` | `oklch(5.91% 0.0152 13.00)` | Binary Black | white, 20.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #040001 0.0%, #060101 2.6%, #0b0101 5.1%, #120102 7.7%, #190204 10.3%, #220205 12.8%, #2c0308 15.4%, #35040c 17.9%, #3f050f 20.5%, #490712 23.1%, #510915 25.6%, #5b0c18 28.2%, #660f1b 30.8%, #71131e 33.3%, #7d1720 35.9%, #881b22 38.5%, #921f24 41.0%, #9a2225 43.6%, #9f2425 46.2%, #a12526 48.7%, #a02526 51.3%, #9a2326 53.8%, #912026 56.4%, #851d25 59.0%, #781923 61.5%, #691420 64.1%, #5b101d 66.7%, #4e0c19 69.2%, #420915 71.8%, #380711 74.4%, #2f050e 76.9%, #28040b 79.5%, #200308 82.1%, #190205 84.6%, #130104 87.2%, #0d0102 89.7%, #080102 92.3%, #050101 94.9%, #030001 97.4%, #020000 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(7.09% 0.0207 18.28) 0.0%, oklch(8.37% 0.0257 18.25) 2.6%, oklch(10.05% 0.0322 18.16) 5.1%, oklch(12.03% 0.0400 18.04) 7.7%, oklch(14.26% 0.0488 17.91) 10.3%, oklch(16.64% 0.0581 17.81) 12.8%, oklch(19.12% 0.0677 17.74) 15.4%, oklch(21.61% 0.0773 17.74) 17.9%, oklch(24.05% 0.0864 17.83) 20.5%, oklch(26.36% 0.0949 18.04) 23.1%, oklch(28.48% 0.1024 18.39) 25.6%, oklch(30.78% 0.1102 19.01) 28.2%, oklch(33.34% 0.1186 19.89) 30.8%, oklch(36.02% 0.1272 20.94) 33.3%, oklch(38.67% 0.1356 22.07) 35.9%, oklch(41.17% 0.1434 23.18) 38.5%, oklch(43.37% 0.1501 24.20) 41.0%, oklch(45.15% 0.1554 25.02) 43.6%, oklch(46.37% 0.1589 25.57) 46.2%, oklch(46.89% 0.1602 25.75) 48.7%, oklch(46.58% 0.1588 25.48) 51.3%, oklch(45.35% 0.1544 24.71) 53.8%, oklch(43.38% 0.1476 23.54) 56.4%, oklch(40.81% 0.1388 22.08) 59.0%, oklch(37.83% 0.1286 20.44) 61.5%, oklch(34.60% 0.1176 18.72) 64.1%, oklch(31.29% 0.1063 17.03) 66.7%, oklch(28.07% 0.0953 15.47) 69.2%, oklch(25.12% 0.0851 14.15) 71.8%, oklch(22.59% 0.0763 13.17) 74.4%, oklch(20.48% 0.0688 12.58) 76.9%, oklch(18.41% 0.0614 12.23) 79.5%, oklch(16.40% 0.0541 12.08) 82.1%, oklch(14.47% 0.0470 12.07) 84.6%, oklch(12.65% 0.0403 12.19) 87.2%, oklch(10.95% 0.0339 12.37) 89.7%, oklch(9.40% 0.0282 12.58) 92.3%, oklch(8.03% 0.0230 12.79) 94.9%, oklch(6.85% 0.0187 12.94) 97.4%, oklch(5.91% 0.0152 13.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.071 | 0.021 | 18.3 |
| 2 | 0.28 | 0.101 | 18.3 |
| 3 | 0.469 | 0.16 | 25.7 |
| 4 | 0.22 | 0.074 | 13 |
| 5 | 0.059 | 0.015 | 13 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)
- [Dark mode UI gradients](https://grabient.com/dark-mode-ui-gradients)

## Other forms

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