# Crimson, sage and navy red sumac roadside

The Crimson, sage and navy red sumac roadside brings together red, orange, green, teal, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is orange.

- Also called: Red, brown and navy radial gradient
- Seed: `kWk4kUS6RCsiTSa5lMiqhTF4`
- Page: https://grabient.com/kWk4kUS6RCsiTSa5lMiqhTF4?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.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 | `#d23c33` | `oklch(57.87% 0.1888 28.13)` | Blade Runner Red | white, 4.7 to 1 |
| 2 | `#d04233` | `oklch(58.03% 0.1813 29.56)` | Bloody Salmon | white, 4.6 to 1 |
| 3 | `#cc4835` | `oklch(58.27% 0.1710 31.01)` | Bloody Salmon | white, 4.5 to 1 |
| 4 | `#c85039` | `oklch(58.55% 0.1587 32.72)` | Fox | black, 4.6 to 1 |
| 5 | `#c3573d` | `oklch(58.85% 0.1452 34.91)` | Summer Fig | black, 4.7 to 1 |
| 6 | `#be5e40` | `oklch(59.12% 0.1315 37.81)` | Deep Fire | black, 4.8 to 1 |
| 7 | `#b86443` | `oklch(59.33% 0.1183 41.66)` | Dirt Track | black, 4.9 to 1 |
| 8 | `#b26944` | `oklch(59.45% 0.1066 46.69)` | Khardic | black, 5 to 1 |
| 9 | `#ac6e45` | `oklch(59.44% 0.0970 53.14)` | Pale Cordovan | black, 5 to 1 |
| 10 | `#a57245` | `oklch(59.39% 0.0887 61.40)` | Cashew | black, 5 to 1 |
| 11 | `#9d7646` | `oklch(59.33% 0.0810 71.23)` | Bone Brown | black, 5.1 to 1 |
| 12 | `#947a49` | `oklch(59.22% 0.0739 82.19)` | Olive Boat | black, 5.1 to 1 |
| 13 | `#8b7d4d` | `oklch(59.02% 0.0677 93.84)` | Ovoid Fruit | black, 5.1 to 1 |
| 14 | `#817f53` | `oklch(58.69% 0.0622 105.75)` | Xena | black, 5 to 1 |
| 15 | `#788058` | `oklch(58.20% 0.0576 117.48)` | Frond | black, 5 to 1 |
| 16 | `#6f7f5d` | `oklch(57.51% 0.0539 128.61)` | Variegated Frond | black, 4.8 to 1 |
| 17 | `#677e61` | `oklch(56.59% 0.0512 138.86)` | Emerald City | black, 4.7 to 1 |
| 18 | `#5f7b63` | `oklch(55.40% 0.0500 149.00)` | Swanndri | white, 4.6 to 1 |
| 19 | `#557864` | `oklch(53.99% 0.0501 159.11)` | Kendal Green | white, 4.9 to 1 |
| 20 | `#4c7465` | `oklch(52.42% 0.0510 169.08)` | Christmas Ivy | white, 5.2 to 1 |
| 21 | `#426f66` | `oklch(50.74% 0.0525 178.83)` | Cormorant | white, 5.6 to 1 |
| 22 | `#396b66` | `oklch(49.02% 0.0541 188.25)` | Betta Fish | white, 6 to 1 |
| 23 | `#326566` | `oklch(47.31% 0.0555 197.25)` | Deep Marine | white, 6.5 to 1 |
| 24 | `#2c6066` | `oklch(45.67% 0.0564 205.74)` | Calypso Green | white, 7 to 1 |
| 25 | `#285b66` | `oklch(44.06% 0.0567 213.81)` | Night Shift | white, 7.5 to 1 |
| 26 | `#265564` | `oklch(42.31% 0.0568 221.80)` | Glitch | white, 8.1 to 1 |
| 27 | `#244f62` | `oklch(40.48% 0.0568 229.55)` | Shadow of Night | white, 8.8 to 1 |
| 28 | `#23495f` | `oklch(38.66% 0.0568 236.88)` | Arapawa | white, 9.6 to 1 |
| 29 | `#23435b` | `oklch(36.93% 0.0567 243.62)` | Blue Accolade | white, 10.3 to 1 |
| 30 | `#233e58` | `oklch(35.36% 0.0566 249.58)` | Integrity | white, 11.1 to 1 |
| 31 | `#233955` | `oklch(34.05% 0.0565 254.60)` | Nautilus | white, 11.7 to 1 |
| 32 | `#233652` | `oklch(33.07% 0.0565 258.50)` | Boatswain | white, 12.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d23c33 0.0%, #d04233 3.2%, #cc4835 6.5%, #c85039 9.7%, #c3573d 12.9%, #be5e40 16.1%, #b86443 19.4%, #b26944 22.6%, #ac6e45 25.8%, #a57245 29.0%, #9d7646 32.3%, #947a49 35.5%, #8b7d4d 38.7%, #817f53 41.9%, #788058 45.2%, #6f7f5d 48.4%, #677e61 51.6%, #5f7b63 54.8%, #557864 58.1%, #4c7465 61.3%, #426f66 64.5%, #396b66 67.7%, #326566 71.0%, #2c6066 74.2%, #285b66 77.4%, #265564 80.6%, #244f62 83.9%, #23495f 87.1%, #23435b 90.3%, #233e58 93.5%, #233955 96.8%, #233652 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.87% 0.1888 28.13) 0.0%, oklch(58.03% 0.1813 29.56) 3.2%, oklch(58.27% 0.1710 31.01) 6.5%, oklch(58.55% 0.1587 32.72) 9.7%, oklch(58.85% 0.1452 34.91) 12.9%, oklch(59.12% 0.1315 37.81) 16.1%, oklch(59.33% 0.1183 41.66) 19.4%, oklch(59.45% 0.1066 46.69) 22.6%, oklch(59.44% 0.0970 53.14) 25.8%, oklch(59.39% 0.0887 61.40) 29.0%, oklch(59.33% 0.0810 71.23) 32.3%, oklch(59.22% 0.0739 82.19) 35.5%, oklch(59.02% 0.0677 93.84) 38.7%, oklch(58.69% 0.0622 105.75) 41.9%, oklch(58.20% 0.0576 117.48) 45.2%, oklch(57.51% 0.0539 128.61) 48.4%, oklch(56.59% 0.0512 138.86) 51.6%, oklch(55.40% 0.0500 149.00) 54.8%, oklch(53.99% 0.0501 159.11) 58.1%, oklch(52.42% 0.0510 169.08) 61.3%, oklch(50.74% 0.0525 178.83) 64.5%, oklch(49.02% 0.0541 188.25) 67.7%, oklch(47.31% 0.0555 197.25) 71.0%, oklch(45.67% 0.0564 205.74) 74.2%, oklch(44.06% 0.0567 213.81) 77.4%, oklch(42.31% 0.0568 221.80) 80.6%, oklch(40.48% 0.0568 229.55) 83.9%, oklch(38.66% 0.0568 236.88) 87.1%, oklch(36.93% 0.0567 243.62) 90.3%, oklch(35.36% 0.0566 249.58) 93.5%, oklch(34.05% 0.0565 254.60) 96.8%, oklch(33.07% 0.0565 258.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.189 | 28.1 |
| 2 | 0.594 | 0.099 | 51.4 |
| 3 | 0.571 | 0.052 | 133.8 |
| 4 | 0.453 | 0.056 | 207.8 |
| 5 | 0.331 | 0.056 | 258.5 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)
- [Red sumac roadside](https://grabient.com/red-sumac-roadside)

## Other forms

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