# Ruby gold and navy rings

Maroon, beige, gray and navy radial swatches with 40 colors: #51152b, #56162d, #5c1731, #631835, #6b1939, #751a3e, #7e1b43, #891e47, #94234a, #9f294c, #aa314c, #b63c4a, #c24a45, #cd5b40, #d66d3b, #dd803a, #e29340, #e4a54b, #e6b558, #e7c266, #e9cb73, #eed47f, #f5db8c, #fee197, #ffe7b3, #ffecc7, #ffeed1, #ffeed1, #ffeac3, #f8e5b2, #e4dcaa, #c7ce9f, #a3bc94, #7da68a, #598d80, #3a7375, #265967, #1c4159, #182f4a, #16213f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Maroon, beige, gray and navy radial swatches
- Seed: `kWTUIBvzlA-qqSV0mMAoJVUg`
- Page: https://grabient.com/kWTUIBvzlA-qqSV0mMAoJVUg?style=radialSwatches&steps=40&angle=0
- Drawn as: radial swatches, 40 steps, 0 degrees
- Kinds: light center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.8 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 | `#51152b` | `oklch(30.31% 0.0909 2.11)` | Chilli Black Red | white, 14 to 1 |
| 2 | `#56162d` | `oklch(31.43% 0.0955 2.29)` | Drops of God | white, 13.5 to 1 |
| 3 | `#5c1731` | `oklch(32.77% 0.1020 2.11)` | Brown Chocolate | white, 12.9 to 1 |
| 4 | `#631835` | `oklch(34.34% 0.1099 1.77)` | Brown Chocolate | white, 12.2 to 1 |
| 5 | `#6b1939` | `oklch(36.11% 0.1187 1.46)` | Her Fierceness | white, 11.5 to 1 |
| 6 | `#751a3e` | `oklch(38.08% 0.1277 1.39)` | Caviar Couture | white, 10.6 to 1 |
| 7 | `#7e1b43` | `oklch(40.22% 0.1365 1.77)` | Burgundy Orchid | white, 9.8 to 1 |
| 8 | `#891e47` | `oklch(42.53% 0.1444 2.79)` | Akuma’s Fury | white, 8.9 to 1 |
| 9 | `#94234a` | `oklch(44.98% 0.1508 4.66)` | Berry Rossi | white, 8.1 to 1 |
| 10 | `#9f294c` | `oklch(47.58% 0.1553 7.57)` | Vampirella | white, 7.2 to 1 |
| 11 | `#aa314c` | `oklch(50.31% 0.1573 11.76)` | Mad About You | white, 6.4 to 1 |
| 12 | `#b63c4a` | `oklch(53.46% 0.1571 17.83)` | Pomegranate | white, 5.6 to 1 |
| 13 | `#c24a45` | `oklch(57.03% 0.1550 25.60)` | Le Corbusier Crush | white, 4.8 to 1 |
| 14 | `#cd5b40` | `oklch(60.89% 0.1515 34.59)` | Bugman’s Glow | black, 5.1 to 1 |
| 15 | `#d66d3b` | `oklch(64.91% 0.1469 44.33)` | Field Poppy | black, 6.1 to 1 |
| 16 | `#dd803a` | `oklch(68.96% 0.1415 54.34)` | Tree Poppy | black, 7.2 to 1 |
| 17 | `#e29340` | `oklch(72.89% 0.1355 64.13)` | Yellow Sumac | black, 8.4 to 1 |
| 18 | `#e4a54b` | `oklch(76.58% 0.1295 73.24)` | Zucchini Flower | black, 9.7 to 1 |
| 19 | `#e6b558` | `oklch(79.89% 0.1236 81.17)` | River of Gold | black, 11 to 1 |
| 20 | `#e7c266` | `oklch(82.69% 0.1182 87.45)` | Quilt Gold | black, 12.2 to 1 |
| 21 | `#e9cb73` | `oklch(84.96% 0.1134 91.49)` | Bee Pollen | black, 13.2 to 1 |
| 22 | `#eed47f` | `oklch(87.26% 0.1083 92.67)` | Beach House | black, 14.3 to 1 |
| 23 | `#f5db8c` | `oklch(89.56% 0.1029 91.62)` | Meadow Yellow | black, 15.3 to 1 |
| 24 | `#fee197` | `oklch(91.69% 0.0973 89.15)` | Cheerful Hue | black, 16.4 to 1 |
| 25 | `#ffe7b3` | `oklch(93.50% 0.0718 86.09)` | Vanilla Ice Cream | black, 17.3 to 1 |
| 26 | `#ffecc7` | `oklch(94.85% 0.0517 83.21)` | Frosted Lemon | black, 18 to 1 |
| 27 | `#ffeed1` | `oklch(95.57% 0.0420 81.34)` | Radiant Glow | black, 18.4 to 1 |
| 28 | `#ffeed1` | `oklch(95.51% 0.0425 81.28)` | Radiant Glow | black, 18.3 to 1 |
| 29 | `#ffeac3` | `oklch(94.52% 0.0561 83.83)` | Papaya Sorbet | black, 17.8 to 1 |
| 30 | `#f8e5b2` | `oklch(92.44% 0.0683 89.81)` | Khaki Core | black, 16.8 to 1 |
| 31 | `#e4dcaa` | `oklch(88.89% 0.0655 100.18)` | Virgin Olive Oil | black, 15.1 to 1 |
| 32 | `#c7ce9f` | `oklch(83.46% 0.0633 115.13)` | Dancing Kite | black, 12.7 to 1 |
| 33 | `#a3bc94` | `oklch(76.57% 0.0617 133.57)` | Byakuroku Green | black, 10.1 to 1 |
| 34 | `#7da68a` | `oklch(68.67% 0.0606 154.39)` | Corporate Green | black, 7.6 to 1 |
| 35 | `#598d80` | `oklch(60.23% 0.0598 176.46)` | Chlorite | black, 5.5 to 1 |
| 36 | `#3a7375` | `oklch(51.68% 0.0592 198.65)` | Ming | white, 5.4 to 1 |
| 37 | `#265967` | `oklch(43.49% 0.0589 219.86)` | Legion Blue | white, 7.7 to 1 |
| 38 | `#1c4159` | `oklch(36.11% 0.0586 238.95)` | Capital Blue | white, 10.7 to 1 |
| 39 | `#182f4a` | `oklch(29.99% 0.0583 254.80)` | Crow Black Blue | white, 13.6 to 1 |
| 40 | `#16213f` | `oklch(25.59% 0.0579 266.30)` | Cool Balaclavas Are Forever | white, 15.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #51152b 0.000% 2.500%, #56162d 2.500% 5.000%, #5c1731 5.000% 7.500%, #631835 7.500% 10.000%, #6b1939 10.000% 12.500%, #751a3e 12.500% 15.000%, #7e1b43 15.000% 17.500%, #891e47 17.500% 20.000%, #94234a 20.000% 22.500%, #9f294c 22.500% 25.000%, #aa314c 25.000% 27.500%, #b63c4a 27.500% 30.000%, #c24a45 30.000% 32.500%, #cd5b40 32.500% 35.000%, #d66d3b 35.000% 37.500%, #dd803a 37.500% 40.000%, #e29340 40.000% 42.500%, #e4a54b 42.500% 45.000%, #e6b558 45.000% 47.500%, #e7c266 47.500% 50.000%, #e9cb73 50.000% 52.500%, #eed47f 52.500% 55.000%, #f5db8c 55.000% 57.500%, #fee197 57.500% 60.000%, #ffe7b3 60.000% 62.500%, #ffecc7 62.500% 65.000%, #ffeed1 65.000% 67.500%, #ffeed1 67.500% 70.000%, #ffeac3 70.000% 72.500%, #f8e5b2 72.500% 75.000%, #e4dcaa 75.000% 77.500%, #c7ce9f 77.500% 80.000%, #a3bc94 80.000% 82.500%, #7da68a 82.500% 85.000%, #598d80 85.000% 87.500%, #3a7375 87.500% 90.000%, #265967 90.000% 92.500%, #1c4159 92.500% 95.000%, #182f4a 95.000% 97.500%, #16213f 97.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(30.31% 0.0909 2.11) 0.000% 2.500%, oklch(31.43% 0.0955 2.29) 2.500% 5.000%, oklch(32.77% 0.1020 2.11) 5.000% 7.500%, oklch(34.34% 0.1099 1.77) 7.500% 10.000%, oklch(36.11% 0.1187 1.46) 10.000% 12.500%, oklch(38.08% 0.1277 1.39) 12.500% 15.000%, oklch(40.22% 0.1365 1.77) 15.000% 17.500%, oklch(42.53% 0.1444 2.79) 17.500% 20.000%, oklch(44.98% 0.1508 4.66) 20.000% 22.500%, oklch(47.58% 0.1553 7.57) 22.500% 25.000%, oklch(50.31% 0.1573 11.76) 25.000% 27.500%, oklch(53.46% 0.1571 17.83) 27.500% 30.000%, oklch(57.03% 0.1550 25.60) 30.000% 32.500%, oklch(60.89% 0.1515 34.59) 32.500% 35.000%, oklch(64.91% 0.1469 44.33) 35.000% 37.500%, oklch(68.96% 0.1415 54.34) 37.500% 40.000%, oklch(72.89% 0.1355 64.13) 40.000% 42.500%, oklch(76.58% 0.1295 73.24) 42.500% 45.000%, oklch(79.89% 0.1236 81.17) 45.000% 47.500%, oklch(82.69% 0.1182 87.45) 47.500% 50.000%, oklch(84.96% 0.1134 91.49) 50.000% 52.500%, oklch(87.26% 0.1083 92.67) 52.500% 55.000%, oklch(89.56% 0.1029 91.62) 55.000% 57.500%, oklch(91.69% 0.0973 89.15) 57.500% 60.000%, oklch(93.50% 0.0718 86.09) 60.000% 62.500%, oklch(94.85% 0.0517 83.21) 62.500% 65.000%, oklch(95.57% 0.0420 81.34) 65.000% 67.500%, oklch(95.51% 0.0425 81.28) 67.500% 70.000%, oklch(94.52% 0.0561 83.83) 70.000% 72.500%, oklch(92.44% 0.0683 89.81) 72.500% 75.000%, oklch(88.89% 0.0655 100.18) 75.000% 77.500%, oklch(83.46% 0.0633 115.13) 77.500% 80.000%, oklch(76.57% 0.0617 133.57) 80.000% 82.500%, oklch(68.67% 0.0606 154.39) 82.500% 85.000%, oklch(60.23% 0.0598 176.46) 85.000% 87.500%, oklch(51.68% 0.0592 198.65) 87.500% 90.000%, oklch(43.49% 0.0589 219.86) 90.000% 92.500%, oklch(36.11% 0.0586 238.95) 92.500% 95.000%, oklch(29.99% 0.0583 254.80) 95.000% 97.500%, oklch(25.59% 0.0579 266.30) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.091 | 2.1 |
| 2 | 0.496 | 0.157 | 10.6 |
| 3 | 0.839 | 0.116 | 89.8 |
| 4 | 0.917 | 0.068 | 91.9 |
| 5 | 0.256 | 0.058 | 266.3 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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