# Orange, crimson and near-black red and black

The Orange, crimson and near-black red and black brings together pale orange, light red, red, and dark red. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is pale orange.

- Also called: Analogous pink, red and black linear swatches
- Seed: `kY4i0d5qO_Fq0PzNPT9trC_haLP2`
- Page: https://grabient.com/kY4i0d5qO_Fq0PzNPT9trC_haLP2?style=linearSwatches&steps=6&angle=270
- Drawn as: linear swatches, 6 steps, 270 degrees
- Kinds: light to dark, vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 13.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 | `#ffcebc` | `oklch(88.98% 0.0608 41.49)` | Dainty Peach | black, 14.8 to 1 |
| 2 | `#f8a996` | `oklch(80.71% 0.0978 34.09)` | Duchess Rose | black, 11.1 to 1 |
| 3 | `#ee7c6f` | `oklch(71.26% 0.1433 27.75)` | Youthful Coral | black, 7.7 to 1 |
| 4 | `#d44f4f` | `oklch(60.63% 0.1681 23.52)` | Horror Snob | black, 5 to 1 |
| 5 | `#8a272f` | `oklch(42.91% 0.1337 20.35)` | Flame Red | white, 8.7 to 1 |
| 6 | `#1c0b0c` | `oklch(17.72% 0.0303 16.12)` | Scandinavian Liquorice | white, 19 to 1 |

## CSS

```css
background: linear-gradient(270deg, #ffcebc 0.000% 16.667%, #f8a996 16.667% 33.333%, #ee7c6f 33.333% 50.000%, #d44f4f 50.000% 66.667%, #8a272f 66.667% 83.333%, #1c0b0c 83.333% 100.000%);
background: linear-gradient(270deg, oklch(88.98% 0.0608 41.49) 0.000% 16.667%, oklch(80.71% 0.0978 34.09) 16.667% 33.333%, oklch(71.26% 0.1433 27.75) 33.333% 50.000%, oklch(60.63% 0.1681 23.52) 50.000% 66.667%, oklch(42.91% 0.1337 20.35) 66.667% 83.333%, oklch(17.72% 0.0303 16.12) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.062 | 41.5 |
| 2 | 0.807 | 0.098 | 34.1 |
| 3 | 0.713 | 0.143 | 27.7 |
| 4 | 0.606 | 0.168 | 23.5 |
| 5 | 0.429 | 0.134 | 20.3 |
| 6 | 0.177 | 0.03 | 16.1 |

## In these collections

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

## Other forms

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