# Crimson and near-black shade palette

The Crimson and near-black shade palette brings together red and dark red. 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 dark red, and its lightest tone is red.

- Also called: Monochrome red and black linear swatches
- Seed: `kWpZEPxMG_7a0v-mJL_lJC_4`
- Page: https://grabient.com/kWpZEPxMG_7a0v-mJL_lJC_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.4 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 | `#f04c55` | `oklch(64.96% 0.1998 21.80)` | Highlighter Red | black, 5.8 to 1 |
| 2 | `#c1313c` | `oklch(53.94% 0.1805 21.80)` | Tropical Heat | white, 5.5 to 1 |
| 3 | `#8e2029` | `oklch(42.91% 0.1447 21.80)` | Shinshu | white, 8.7 to 1 |
| 4 | `#551015` | `oklch(29.92% 0.1006 21.80)` | Mama Africa | white, 14.2 to 1 |
| 5 | `#1d0505` | `oklch(16.14% 0.0455 21.80)` | Dwarf Fortress | white, 19.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f04c55 0.000% 20.000%, #c1313c 20.000% 40.000%, #8e2029 40.000% 60.000%, #551015 60.000% 80.000%, #1d0505 80.000% 100.000%);
background: linear-gradient(90deg, oklch(64.96% 0.1998 21.80) 0.000% 20.000%, oklch(53.94% 0.1805 21.80) 20.000% 40.000%, oklch(42.91% 0.1447 21.80) 40.000% 60.000%, oklch(29.92% 0.1006 21.80) 60.000% 80.000%, oklch(16.14% 0.0455 21.80) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.2 | 21.8 |
| 2 | 0.539 | 0.181 | 21.8 |
| 3 | 0.429 | 0.145 | 21.8 |
| 4 | 0.299 | 0.101 | 21.8 |
| 5 | 0.161 | 0.045 | 21.8 |

## In these collections

- [Shade swatches](https://grabient.com/shade-swatches)

## Other forms

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