# Ink teal and crimson glass rings

Twenty-four concentric swatches expand from an ink-dark center through blue, teal, green, gold, orange, and crimson. Each ring preserves a clear stepped boundary, giving the color study a rose-window-inspired rhythm. This palette suits circular ornaments, decorative posters, stained-glass-inspired graphics, and layered geometric artwork with cool inner bands and a warm red outer edge.

- Also called: Black, blue, teal and red radial swatches
- Seed: `kWNgewtBq98ujPPgM7GPTq3w`
- Page: https://grabient.com/kWNgewtBq98ujPPgM7GPTq3w?style=radialSwatches&steps=24&angle=0
- Drawn as: radial swatches, 24 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#15191d` | `oklch(21.26% 0.0096 248.20)` | Aswad Black | white, 17.6 to 1 |
| 2 | `#181f26` | `oklch(23.53% 0.0174 246.37)` | Satin Deep Black | white, 16.6 to 1 |
| 3 | `#192733` | `oklch(26.70% 0.0286 243.91)` | Abyssal Anchorfish Blue | white, 15.1 to 1 |
| 4 | `#1b3242` | `oklch(30.43% 0.0415 240.94)` | Blue Whale | white, 13.3 to 1 |
| 5 | `#1a3d52` | `oklch(34.41% 0.0546 237.61)` | Duskwood | white, 11.4 to 1 |
| 6 | `#174961` | `oklch(38.29% 0.0663 234.04)` | Swallow Blue | white, 9.7 to 1 |
| 7 | `#14536d` | `oklch(41.78% 0.0748 230.45)` | Blue Palisade | white, 8.3 to 1 |
| 8 | `#145e79` | `oklch(45.09% 0.0804 228.12)` | Saltwater Denim | white, 7.2 to 1 |
| 9 | `#196883` | `oklch(48.38% 0.0841 226.47)` | Ansel | white, 6.2 to 1 |
| 10 | `#1e728d` | `oklch(51.63% 0.0869 224.09)` | Align | white, 5.4 to 1 |
| 11 | `#217d95` | `oklch(54.82% 0.0898 219.61)` | Pacific Pleasure | white, 4.7 to 1 |
| 12 | `#1d889a` | `oklch(57.93% 0.0938 211.65)` | Atlantic Blue | black, 5 to 1 |
| 13 | `#17959a` | `oklch(61.09% 0.0997 198.67)` | Sea Fantasy | black, 5.8 to 1 |
| 14 | `#2aa491` | `oklch(64.93% 0.1074 179.75)` | Fishy House | black, 6.8 to 1 |
| 15 | `#56b17e` | `oklch(68.97% 0.1161 156.95)` | Divot | black, 7.9 to 1 |
| 16 | `#88b762` | `oklch(72.55% 0.1250 132.61)` | Dollar Bill | black, 8.9 to 1 |
| 17 | `#b5b544` | `oklch(75.03% 0.1334 109.09)` | Japanese Fern | black, 9.6 to 1 |
| 18 | `#d4ab30` | `oklch(75.76% 0.1405 88.73)` | Brassy | black, 9.6 to 1 |
| 19 | `#e29a29` | `oklch(73.95% 0.1459 72.33)` | Intense Yellow | black, 8.8 to 1 |
| 20 | `#e1812c` | `oklch(69.53% 0.1503 57.40)` | Sports Fan | black, 7.3 to 1 |
| 21 | `#d56631` | `oklch(63.61% 0.1540 44.02)` | Koi | black, 5.7 to 1 |
| 22 | `#c34c37` | `oklch(57.30% 0.1570 32.44)` | Grenadier | white, 4.7 to 1 |
| 23 | `#b1363a` | `oklch(51.73% 0.1593 22.93)` | Lusty Red | white, 6 to 1 |
| 24 | `#a5273e` | `oklch(48.03% 0.1612 15.72)` | Romeo O Romeo | white, 7.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #15191d 0.000% 4.167%, #181f26 4.167% 8.333%, #192733 8.333% 12.500%, #1b3242 12.500% 16.667%, #1a3d52 16.667% 20.833%, #174961 20.833% 25.000%, #14536d 25.000% 29.167%, #145e79 29.167% 33.333%, #196883 33.333% 37.500%, #1e728d 37.500% 41.667%, #217d95 41.667% 45.833%, #1d889a 45.833% 50.000%, #17959a 50.000% 54.167%, #2aa491 54.167% 58.333%, #56b17e 58.333% 62.500%, #88b762 62.500% 66.667%, #b5b544 66.667% 70.833%, #d4ab30 70.833% 75.000%, #e29a29 75.000% 79.167%, #e1812c 79.167% 83.333%, #d56631 83.333% 87.500%, #c34c37 87.500% 91.667%, #b1363a 91.667% 95.833%, #a5273e 95.833% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(21.26% 0.0096 248.20) 0.000% 4.167%, oklch(23.53% 0.0174 246.37) 4.167% 8.333%, oklch(26.70% 0.0286 243.91) 8.333% 12.500%, oklch(30.43% 0.0415 240.94) 12.500% 16.667%, oklch(34.41% 0.0546 237.61) 16.667% 20.833%, oklch(38.29% 0.0663 234.04) 20.833% 25.000%, oklch(41.78% 0.0748 230.45) 25.000% 29.167%, oklch(45.09% 0.0804 228.12) 29.167% 33.333%, oklch(48.38% 0.0841 226.47) 33.333% 37.500%, oklch(51.63% 0.0869 224.09) 37.500% 41.667%, oklch(54.82% 0.0898 219.61) 41.667% 45.833%, oklch(57.93% 0.0938 211.65) 45.833% 50.000%, oklch(61.09% 0.0997 198.67) 50.000% 54.167%, oklch(64.93% 0.1074 179.75) 54.167% 58.333%, oklch(68.97% 0.1161 156.95) 58.333% 62.500%, oklch(72.55% 0.1250 132.61) 62.500% 66.667%, oklch(75.03% 0.1334 109.09) 66.667% 70.833%, oklch(75.76% 0.1405 88.73) 70.833% 75.000%, oklch(73.95% 0.1459 72.33) 75.000% 79.167%, oklch(69.53% 0.1503 57.40) 79.167% 83.333%, oklch(63.61% 0.1540 44.02) 83.333% 87.500%, oklch(57.30% 0.1570 32.44) 87.500% 91.667%, oklch(51.73% 0.1593 22.93) 91.667% 95.833%, oklch(48.03% 0.1612 15.72) 95.833% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.01 | 248.2 |
| 2 | 0.409 | 0.073 | 231.3 |
| 3 | 0.594 | 0.096 | 205.9 |
| 4 | 0.756 | 0.142 | 84.4 |
| 5 | 0.48 | 0.161 | 15.7 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)

## Other forms

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