# Red, brown and navy radial swatches

Red, brown and navy radial swatches with 32 colors: #d23c33, #d04233, #cc4835, #c85039, #c3573d, #be5e40, #b86443, #b26944, #ac6e45, #a57245, #9d7646, #947a49, #8b7d4d, #817f53, #788058, #6f7f5d, #677e61, #5f7b63, #557864, #4c7465, #426f66, #396b66, #326566, #2c6066, #285b66, #265564, #244f62, #23495f, #23435b, #233e58, #233955, #233652. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWk4kUS6RCsiTSa5lMiqhTF4`
- Page: https://grabient.com/kWk4kUS6RCsiTSa5lMiqhTF4?style=radialSwatches&steps=32&angle=225
- Drawn as: radial swatches, 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.000% 3.125%, #d04233 3.125% 6.250%, #cc4835 6.250% 9.375%, #c85039 9.375% 12.500%, #c3573d 12.500% 15.625%, #be5e40 15.625% 18.750%, #b86443 18.750% 21.875%, #b26944 21.875% 25.000%, #ac6e45 25.000% 28.125%, #a57245 28.125% 31.250%, #9d7646 31.250% 34.375%, #947a49 34.375% 37.500%, #8b7d4d 37.500% 40.625%, #817f53 40.625% 43.750%, #788058 43.750% 46.875%, #6f7f5d 46.875% 50.000%, #677e61 50.000% 53.125%, #5f7b63 53.125% 56.250%, #557864 56.250% 59.375%, #4c7465 59.375% 62.500%, #426f66 62.500% 65.625%, #396b66 65.625% 68.750%, #326566 68.750% 71.875%, #2c6066 71.875% 75.000%, #285b66 75.000% 78.125%, #265564 78.125% 81.250%, #244f62 81.250% 84.375%, #23495f 84.375% 87.500%, #23435b 87.500% 90.625%, #233e58 90.625% 93.750%, #233955 93.750% 96.875%, #233652 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(57.87% 0.1888 28.13) 0.000% 3.125%, oklch(58.03% 0.1813 29.56) 3.125% 6.250%, oklch(58.27% 0.1710 31.01) 6.250% 9.375%, oklch(58.55% 0.1587 32.72) 9.375% 12.500%, oklch(58.85% 0.1452 34.91) 12.500% 15.625%, oklch(59.12% 0.1315 37.81) 15.625% 18.750%, oklch(59.33% 0.1183 41.66) 18.750% 21.875%, oklch(59.45% 0.1066 46.69) 21.875% 25.000%, oklch(59.44% 0.0970 53.14) 25.000% 28.125%, oklch(59.39% 0.0887 61.40) 28.125% 31.250%, oklch(59.33% 0.0810 71.23) 31.250% 34.375%, oklch(59.22% 0.0739 82.19) 34.375% 37.500%, oklch(59.02% 0.0677 93.84) 37.500% 40.625%, oklch(58.69% 0.0622 105.75) 40.625% 43.750%, oklch(58.20% 0.0576 117.48) 43.750% 46.875%, oklch(57.51% 0.0539 128.61) 46.875% 50.000%, oklch(56.59% 0.0512 138.86) 50.000% 53.125%, oklch(55.40% 0.0500 149.00) 53.125% 56.250%, oklch(53.99% 0.0501 159.11) 56.250% 59.375%, oklch(52.42% 0.0510 169.08) 59.375% 62.500%, oklch(50.74% 0.0525 178.83) 62.500% 65.625%, oklch(49.02% 0.0541 188.25) 65.625% 68.750%, oklch(47.31% 0.0555 197.25) 68.750% 71.875%, oklch(45.67% 0.0564 205.74) 71.875% 75.000%, oklch(44.06% 0.0567 213.81) 75.000% 78.125%, oklch(42.31% 0.0568 221.80) 78.125% 81.250%, oklch(40.48% 0.0568 229.55) 81.250% 84.375%, oklch(38.66% 0.0568 236.88) 84.375% 87.500%, oklch(36.93% 0.0567 243.62) 87.500% 90.625%, oklch(35.36% 0.0566 249.58) 90.625% 93.750%, oklch(34.05% 0.0565 254.60) 93.750% 96.875%, oklch(33.07% 0.0565 258.50) 96.875% 100.000%);
```

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