# Crimson and near-black red and black palette

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

- Also called: Monochrome red to black radial gradient
- Seed: `kWqKIURk8_q2yP6Xkz8DYC9o`
- Page: https://grabient.com/kWqKIURk8_q2yP6Xkz8DYC9o?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, dark, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.9 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 | `#fe443a` | `oklch(66.14% 0.2232 28.13)` | Hotspot | black, 6.1 to 1 |
| 2 | `#fb4138` | `oklch(65.32% 0.2233 27.96)` | Red Orange | black, 5.9 to 1 |
| 3 | `#f83c35` | `oklch(64.28% 0.2240 27.73)` | Flamboyant | black, 5.6 to 1 |
| 4 | `#f33632` | `oklch(63.06% 0.2249 27.46)` | Trial by Fire | black, 5.3 to 1 |
| 5 | `#ee2f2e` | `oklch(61.65% 0.2255 27.16)` | Sparkling Red | black, 5 to 1 |
| 6 | `#e9272a` | `oklch(60.09% 0.2254 26.85)` | Naga Viper Pepper | black, 4.7 to 1 |
| 7 | `#e21e26` | `oklch(58.38% 0.2241 26.53)` | Akira Red | white, 4.7 to 1 |
| 8 | `#da1623` | `oklch(56.56% 0.2212 26.22)` | Cherry Shine | white, 5 to 1 |
| 9 | `#d10f21` | `oklch(54.62% 0.2163 25.95)` | Lava | white, 5.5 to 1 |
| 10 | `#c70a1e` | `oklch(52.45% 0.2091 25.73)` | Monza | white, 6 to 1 |
| 11 | `#bb071c` | `oklch(50.06% 0.2001 25.56)` | Ruby Star | white, 6.6 to 1 |
| 12 | `#ae071a` | `oklch(47.51% 0.1897 25.39)` | Mammary Red | white, 7.3 to 1 |
| 13 | `#a10719` | `oklch(44.87% 0.1784 25.21)` | Dear Darling | white, 8.2 to 1 |
| 14 | `#930817` | `oklch(42.20% 0.1666 24.97)` | Sacred Scarlet | white, 9.1 to 1 |
| 15 | `#860816` | `oklch(39.56% 0.1547 24.64)` | Red Devil | white, 10.1 to 1 |
| 16 | `#7a0915` | `oklch(37.03% 0.1433 24.18)` | Mythical Wine | white, 11.1 to 1 |
| 17 | `#6f0914` | `oklch(34.64% 0.1324 23.59)` | Festive Bordeaux | white, 12.2 to 1 |
| 18 | `#630913` | `oklch(32.21% 0.1211 22.97)` | Cherry Picking | white, 13.2 to 1 |
| 19 | `#580911` | `oklch(29.76% 0.1094 22.31)` | Mama Africa | white, 14.3 to 1 |
| 20 | `#4d0910` | `oklch(27.34% 0.0977 21.57)` | Erythrophobia | white, 15.4 to 1 |
| 21 | `#42080f` | `oklch(25.00% 0.0860 20.69)` | Rum Chocolate | white, 16.4 to 1 |
| 22 | `#38080d` | `oklch(22.78% 0.0748 19.66)` | Dark Maroon | white, 17.3 to 1 |
| 23 | `#2f070c` | `oklch(20.74% 0.0642 18.41)` | 3AM Breakup | white, 18.1 to 1 |
| 24 | `#27070b` | `oklch(18.92% 0.0546 16.92)` | Sepia Black | white, 18.7 to 1 |
| 25 | `#200609` | `oklch(17.34% 0.0459 15.04)` | Ponzu Brown | white, 19.1 to 1 |
| 26 | `#1a0609` | `oklch(15.93% 0.0375 12.62)` | Noir Fiction | white, 19.5 to 1 |
| 27 | `#150508` | `oklch(14.69% 0.0297 9.84)` | Knight Rider | white, 19.8 to 1 |
| 28 | `#100507` | `oklch(13.61% 0.0224 6.90)` | Knight Rider | white, 20 to 1 |
| 29 | `#0c0506` | `oklch(12.67% 0.0158 3.99)` | Knight Rider | white, 20.2 to 1 |
| 30 | `#080405` | `oklch(11.87% 0.0101 1.32)` | Pupil | white, 20.3 to 1 |
| 31 | `#060405` | `oklch(11.19% 0.0052 359.09)` | Pupil | white, 20.4 to 1 |
| 32 | `#040404` | `oklch(10.63% 0.0014 357.48)` | Armour Wash | white, 20.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fe443a 0.0%, #fb4138 3.2%, #f83c35 6.5%, #f33632 9.7%, #ee2f2e 12.9%, #e9272a 16.1%, #e21e26 19.4%, #da1623 22.6%, #d10f21 25.8%, #c70a1e 29.0%, #bb071c 32.3%, #ae071a 35.5%, #a10719 38.7%, #930817 41.9%, #860816 45.2%, #7a0915 48.4%, #6f0914 51.6%, #630913 54.8%, #580911 58.1%, #4d0910 61.3%, #42080f 64.5%, #38080d 67.7%, #2f070c 71.0%, #27070b 74.2%, #200609 77.4%, #1a0609 80.6%, #150508 83.9%, #100507 87.1%, #0c0506 90.3%, #080405 93.5%, #060405 96.8%, #040404 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.2232 28.13) 0.0%, oklch(65.32% 0.2233 27.96) 3.2%, oklch(64.28% 0.2240 27.73) 6.5%, oklch(63.06% 0.2249 27.46) 9.7%, oklch(61.65% 0.2255 27.16) 12.9%, oklch(60.09% 0.2254 26.85) 16.1%, oklch(58.38% 0.2241 26.53) 19.4%, oklch(56.56% 0.2212 26.22) 22.6%, oklch(54.62% 0.2163 25.95) 25.8%, oklch(52.45% 0.2091 25.73) 29.0%, oklch(50.06% 0.2001 25.56) 32.3%, oklch(47.51% 0.1897 25.39) 35.5%, oklch(44.87% 0.1784 25.21) 38.7%, oklch(42.20% 0.1666 24.97) 41.9%, oklch(39.56% 0.1547 24.64) 45.2%, oklch(37.03% 0.1433 24.18) 48.4%, oklch(34.64% 0.1324 23.59) 51.6%, oklch(32.21% 0.1211 22.97) 54.8%, oklch(29.76% 0.1094 22.31) 58.1%, oklch(27.34% 0.0977 21.57) 61.3%, oklch(25.00% 0.0860 20.69) 64.5%, oklch(22.78% 0.0748 19.66) 67.7%, oklch(20.74% 0.0642 18.41) 71.0%, oklch(18.92% 0.0546 16.92) 74.2%, oklch(17.34% 0.0459 15.04) 77.4%, oklch(15.93% 0.0375 12.62) 80.6%, oklch(14.69% 0.0297 9.84) 83.9%, oklch(13.61% 0.0224 6.90) 87.1%, oklch(12.67% 0.0158 3.99) 90.3%, oklch(11.87% 0.0101 1.32) 93.5%, oklch(11.19% 0.0052 359.09) 96.8%, oklch(10.63% 0.0014 357.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.223 | 28.1 |
| 2 | 0.551 | 0.218 | 26 |
| 3 | 0.358 | 0.138 | 23.9 |
| 4 | 0.185 | 0.052 | 16.5 |
| 5 | 0.106 | 0.001 | -2.5 |

## In these collections

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

## Other forms

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