# Charcoal ruby and silver rings

Charcoal at the center passes through steel gray and muted violet into ruby red, then brightens through pink and lavender toward a cool gray outer edge. Sixty-four radial swatch bands frame the vivid red section with dark and light neutral colors, suggesting black diamonds, rubies and silver.

- Also called: Analogous black, purple, red and gray radial swatches
- Seed: `kWMgm8Lge_Ts5TPTR0A8YKyQ`
- Page: https://grabient.com/kWMgm8Lge_Ts5TPTR0A8YKyQ?style=radialSwatches&steps=64&angle=0
- Drawn as: radial swatches, 64 steps, 0 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.2 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 | `#12151b` | `oklch(19.69% 0.0124 264.37)` | Kuroi Black | white, 18.2 to 1 |
| 2 | `#14171c` | `oklch(20.29% 0.0125 263.97)` | Neverything | white, 17.9 to 1 |
| 3 | `#15181e` | `oklch(21.03% 0.0121 263.15)` | River Styx | white, 17.7 to 1 |
| 4 | `#171a20` | `oklch(21.90% 0.0116 262.01)` | River Styx | white, 17.3 to 1 |
| 5 | `#1a1d22` | `oklch(22.87% 0.0108 260.64)` | Satin Deep Black | white, 16.9 to 1 |
| 6 | `#1c1f24` | `oklch(23.93% 0.0100 259.13)` | Satin Deep Black | white, 16.4 to 1 |
| 7 | `#1f2226` | `oklch(25.06% 0.0092 257.57)` | Noble Black | white, 15.9 to 1 |
| 8 | `#222529` | `oklch(26.25% 0.0085 256.07)` | Dark Gunmetal | white, 15.4 to 1 |
| 9 | `#25282b` | `oklch(27.47% 0.0080 254.70)` | Anthracite | white, 14.8 to 1 |
| 10 | `#282b2e` | `oklch(28.71% 0.0077 253.57)` | Blue Charcoal | white, 14.2 to 1 |
| 11 | `#2b2e32` | `oklch(29.95% 0.0079 252.77)` | Stretch Limo | white, 13.6 to 1 |
| 12 | `#2e3135` | `oklch(31.17% 0.0085 252.38)` | Tap Shoe | white, 13 to 1 |
| 13 | `#303439` | `oklch(32.36% 0.0097 252.50)` | Ebony Clay | white, 12.5 to 1 |
| 14 | `#33373d` | `oklch(33.50% 0.0115 253.23)` | Metalise | white, 11.9 to 1 |
| 15 | `#353a41` | `oklch(34.57% 0.0141 254.65)` | Do Not Disturb | white, 11.4 to 1 |
| 16 | `#363c45` | `oklch(35.55% 0.0175 256.86)` | Do Not Disturb | white, 11 to 1 |
| 17 | `#383f4a` | `oklch(36.43% 0.0219 259.96)` | Inkblot | white, 10.6 to 1 |
| 18 | `#39404f` | `oklch(37.22% 0.0275 264.25)` | Indigo Iron | white, 10.3 to 1 |
| 19 | `#3b4255` | `oklch(37.94% 0.0343 269.69)` | Blue Zodiac | white, 10 to 1 |
| 20 | `#3e425b` | `oklch(38.60% 0.0421 276.11)` | Amphystine | white, 9.8 to 1 |
| 21 | `#424260` | `oklch(39.21% 0.0509 283.33)` | Heraldic | white, 9.6 to 1 |
| 22 | `#474165` | `oklch(39.78% 0.0603 291.19)` | Evening Mauve | white, 9.4 to 1 |
| 23 | `#4e3f69` | `oklch(40.33% 0.0702 299.51)` | Geode | white, 9.3 to 1 |
| 24 | `#563d6b` | `oklch(40.86% 0.0805 308.12)` | Honey Flower | white, 9.2 to 1 |
| 25 | `#5f3a6c` | `oklch(41.39% 0.0909 316.86)` | Purple Splendour | white, 9 to 1 |
| 26 | `#68376a` | `oklch(41.93% 0.1013 325.55)` | Plum | white, 8.9 to 1 |
| 27 | `#713367` | `oklch(42.49% 0.1116 334.02)` | Ayame Iris | white, 8.8 to 1 |
| 28 | `#7b3062` | `oklch(43.08% 0.1215 342.09)` | Ayame Iris | white, 8.6 to 1 |
| 29 | `#832c5c` | `oklch(43.72% 0.1309 349.60)` | Dark Raspberry | white, 8.4 to 1 |
| 30 | `#8b2856` | `oklch(44.41% 0.1396 356.38)` | Dark Raspberry | white, 8.2 to 1 |
| 31 | `#93264f` | `oklch(45.17% 0.1474 2.26)` | Raspberry Romantic | white, 8 to 1 |
| 32 | `#992449` | `oklch(46.01% 0.1541 7.05)` | Berry Rossi | white, 7.7 to 1 |
| 33 | `#9f2344` | `oklch(46.93% 0.1599 10.72)` | True Crimson | white, 7.4 to 1 |
| 34 | `#a52340` | `oklch(47.90% 0.1655 13.88)` | Romeo O Romeo | white, 7.1 to 1 |
| 35 | `#ab233c` | `oklch(48.92% 0.1711 16.63)` | Chilli Pepper | white, 6.8 to 1 |
| 36 | `#b12339` | `oklch(49.98% 0.1766 18.96)` | American Red | white, 6.6 to 1 |
| 37 | `#b72436` | `oklch(51.08% 0.1819 20.87)` | Gory Movie | white, 6.3 to 1 |
| 38 | `#bd2533` | `oklch(52.21% 0.1868 22.36)` | Bow Tie | white, 6 to 1 |
| 39 | `#c32632` | `oklch(53.38% 0.1913 23.40)` | Classic Red | white, 5.7 to 1 |
| 40 | `#c92832` | `oklch(54.59% 0.1954 24.01)` | Mars Red | white, 5.4 to 1 |
| 41 | `#cf2b34` | `oklch(55.82% 0.1987 24.16)` | Madder Lake | white, 5.1 to 1 |
| 42 | `#d42e37` | `oklch(57.07% 0.2014 23.85)` | Akuma | white, 4.9 to 1 |
| 43 | `#da313d` | `oklch(58.36% 0.2033 23.08)` | Safflower Red | white, 4.6 to 1 |
| 44 | `#df3644` | `oklch(59.66% 0.2042 21.84)` | Serial Kisses | black, 4.7 to 1 |
| 45 | `#e33a4d` | `oklch(60.98% 0.2041 20.12)` | Poppy Red | black, 4.9 to 1 |
| 46 | `#e74057` | `oklch(62.31% 0.2029 17.90)` | Clown Nose | black, 5.2 to 1 |
| 47 | `#eb4662` | `oklch(63.66% 0.2005 15.20)` | Guide Pink | black, 5.5 to 1 |
| 48 | `#ed4c6f` | `oklch(65.01% 0.1968 11.99)` | Camellia Rose | black, 5.8 to 1 |
| 49 | `#ef547d` | `oklch(66.41% 0.1914 8.03)` | Lick and Kiss | black, 6.2 to 1 |
| 50 | `#ef5d8d` | `oklch(67.93% 0.1836 2.83)` | Watermelon Juice | black, 6.6 to 1 |
| 51 | `#ed689f` | `oklch(69.55% 0.1739 356.52)` | Shark Bait | black, 7 to 1 |
| 52 | `#ea73b2` | `oklch(71.24% 0.1624 349.30)` | Amaranth | black, 7.6 to 1 |
| 53 | `#e67fc3` | `oklch(72.98% 0.1495 341.34)` | Fuchsia Blush | black, 8.1 to 1 |
| 54 | `#df8bd2` | `oklch(74.76% 0.1355 332.81)` | Blushed Bombshell | black, 8.8 to 1 |
| 55 | `#d998de` | `oklch(76.55% 0.1208 323.90)` | Somewhere in a Fairytale | black, 9.4 to 1 |
| 56 | `#d2a4e7` | `oklch(78.32% 0.1056 314.79)` | Bright Ube | black, 10.1 to 1 |
| 57 | `#ccafed` | `oklch(80.06% 0.0903 305.65)` | Purple Sand | black, 10.9 to 1 |
| 58 | `#c8baef` | `oklch(81.74% 0.0752 296.66)` | Connecticut Lilac | black, 11.6 to 1 |
| 59 | `#c6c3ef` | `oklch(83.35% 0.0607 288.00)` | Violet Gems | black, 12.4 to 1 |
| 60 | `#c6cbec` | `oklch(84.85% 0.0470 279.86)` | Ace | black, 13.1 to 1 |
| 61 | `#cad1e9` | `oklch(86.22% 0.0344 272.39)` | Arctic Glow | black, 13.7 to 1 |
| 62 | `#ced6e6` | `oklch(87.45% 0.0233 265.80)` | Jewellery White | black, 14.3 to 1 |
| 63 | `#d4d9e3` | `oklch(88.50% 0.0140 260.25)` | So Blue-Berry | black, 14.8 to 1 |
| 64 | `#d9dce0` | `oklch(89.37% 0.0069 255.92)` | Snow Tiger | black, 15.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #12151b 0.000% 1.563%, #14171c 1.563% 3.125%, #15181e 3.125% 4.688%, #171a20 4.688% 6.250%, #1a1d22 6.250% 7.813%, #1c1f24 7.813% 9.375%, #1f2226 9.375% 10.938%, #222529 10.938% 12.500%, #25282b 12.500% 14.063%, #282b2e 14.063% 15.625%, #2b2e32 15.625% 17.188%, #2e3135 17.188% 18.750%, #303439 18.750% 20.313%, #33373d 20.313% 21.875%, #353a41 21.875% 23.438%, #363c45 23.438% 25.000%, #383f4a 25.000% 26.563%, #39404f 26.563% 28.125%, #3b4255 28.125% 29.688%, #3e425b 29.688% 31.250%, #424260 31.250% 32.813%, #474165 32.813% 34.375%, #4e3f69 34.375% 35.938%, #563d6b 35.938% 37.500%, #5f3a6c 37.500% 39.063%, #68376a 39.063% 40.625%, #713367 40.625% 42.188%, #7b3062 42.188% 43.750%, #832c5c 43.750% 45.313%, #8b2856 45.313% 46.875%, #93264f 46.875% 48.438%, #992449 48.438% 50.000%, #9f2344 50.000% 51.563%, #a52340 51.563% 53.125%, #ab233c 53.125% 54.688%, #b12339 54.688% 56.250%, #b72436 56.250% 57.813%, #bd2533 57.813% 59.375%, #c32632 59.375% 60.938%, #c92832 60.938% 62.500%, #cf2b34 62.500% 64.063%, #d42e37 64.063% 65.625%, #da313d 65.625% 67.188%, #df3644 67.188% 68.750%, #e33a4d 68.750% 70.313%, #e74057 70.313% 71.875%, #eb4662 71.875% 73.438%, #ed4c6f 73.438% 75.000%, #ef547d 75.000% 76.563%, #ef5d8d 76.563% 78.125%, #ed689f 78.125% 79.688%, #ea73b2 79.688% 81.250%, #e67fc3 81.250% 82.813%, #df8bd2 82.813% 84.375%, #d998de 84.375% 85.938%, #d2a4e7 85.938% 87.500%, #ccafed 87.500% 89.063%, #c8baef 89.063% 90.625%, #c6c3ef 90.625% 92.188%, #c6cbec 92.188% 93.750%, #cad1e9 93.750% 95.313%, #ced6e6 95.313% 96.875%, #d4d9e3 96.875% 98.438%, #d9dce0 98.438% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(19.69% 0.0124 264.37) 0.000% 1.563%, oklch(20.29% 0.0125 263.97) 1.563% 3.125%, oklch(21.03% 0.0121 263.15) 3.125% 4.688%, oklch(21.90% 0.0116 262.01) 4.688% 6.250%, oklch(22.87% 0.0108 260.64) 6.250% 7.813%, oklch(23.93% 0.0100 259.13) 7.813% 9.375%, oklch(25.06% 0.0092 257.57) 9.375% 10.938%, oklch(26.25% 0.0085 256.07) 10.938% 12.500%, oklch(27.47% 0.0080 254.70) 12.500% 14.063%, oklch(28.71% 0.0077 253.57) 14.063% 15.625%, oklch(29.95% 0.0079 252.77) 15.625% 17.188%, oklch(31.17% 0.0085 252.38) 17.188% 18.750%, oklch(32.36% 0.0097 252.50) 18.750% 20.313%, oklch(33.50% 0.0115 253.23) 20.313% 21.875%, oklch(34.57% 0.0141 254.65) 21.875% 23.438%, oklch(35.55% 0.0175 256.86) 23.438% 25.000%, oklch(36.43% 0.0219 259.96) 25.000% 26.563%, oklch(37.22% 0.0275 264.25) 26.563% 28.125%, oklch(37.94% 0.0343 269.69) 28.125% 29.688%, oklch(38.60% 0.0421 276.11) 29.688% 31.250%, oklch(39.21% 0.0509 283.33) 31.250% 32.813%, oklch(39.78% 0.0603 291.19) 32.813% 34.375%, oklch(40.33% 0.0702 299.51) 34.375% 35.938%, oklch(40.86% 0.0805 308.12) 35.938% 37.500%, oklch(41.39% 0.0909 316.86) 37.500% 39.063%, oklch(41.93% 0.1013 325.55) 39.063% 40.625%, oklch(42.49% 0.1116 334.02) 40.625% 42.188%, oklch(43.08% 0.1215 342.09) 42.188% 43.750%, oklch(43.72% 0.1309 349.60) 43.750% 45.313%, oklch(44.41% 0.1396 356.38) 45.313% 46.875%, oklch(45.17% 0.1474 2.26) 46.875% 48.438%, oklch(46.01% 0.1541 7.05) 48.438% 50.000%, oklch(46.93% 0.1599 10.72) 50.000% 51.563%, oklch(47.90% 0.1655 13.88) 51.563% 53.125%, oklch(48.92% 0.1711 16.63) 53.125% 54.688%, oklch(49.98% 0.1766 18.96) 54.688% 56.250%, oklch(51.08% 0.1819 20.87) 56.250% 57.813%, oklch(52.21% 0.1868 22.36) 57.813% 59.375%, oklch(53.38% 0.1913 23.40) 59.375% 60.938%, oklch(54.59% 0.1954 24.01) 60.938% 62.500%, oklch(55.82% 0.1987 24.16) 62.500% 64.063%, oklch(57.07% 0.2014 23.85) 64.063% 65.625%, oklch(58.36% 0.2033 23.08) 65.625% 67.188%, oklch(59.66% 0.2042 21.84) 67.188% 68.750%, oklch(60.98% 0.2041 20.12) 68.750% 70.313%, oklch(62.31% 0.2029 17.90) 70.313% 71.875%, oklch(63.66% 0.2005 15.20) 71.875% 73.438%, oklch(65.01% 0.1968 11.99) 73.438% 75.000%, oklch(66.41% 0.1914 8.03) 75.000% 76.563%, oklch(67.93% 0.1836 2.83) 76.563% 78.125%, oklch(69.55% 0.1739 356.52) 78.125% 79.688%, oklch(71.24% 0.1624 349.30) 79.688% 81.250%, oklch(72.98% 0.1495 341.34) 81.250% 82.813%, oklch(74.76% 0.1355 332.81) 82.813% 84.375%, oklch(76.55% 0.1208 323.90) 84.375% 85.938%, oklch(78.32% 0.1056 314.79) 85.938% 87.500%, oklch(80.06% 0.0903 305.65) 87.500% 89.063%, oklch(81.74% 0.0752 296.66) 89.063% 90.625%, oklch(83.35% 0.0607 288.00) 90.625% 92.188%, oklch(84.85% 0.0470 279.86) 92.188% 93.750%, oklch(86.22% 0.0344 272.39) 93.750% 95.313%, oklch(87.45% 0.0233 265.80) 95.313% 96.875%, oklch(88.50% 0.0140 260.25) 96.875% 98.438%, oklch(89.37% 0.0069 255.92) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.012 | 264.4 |
| 2 | 0.362 | 0.021 | 259.1 |
| 3 | 0.465 | 0.157 | 369 |
| 4 | 0.654 | 0.196 | 371.1 |
| 5 | 0.894 | 0.007 | 255.9 |

## In these collections

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

## Other forms

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