# Rose teal blue rings

Pink, gray and blue radial swatches with 34 colors: #dcb9b2, #d7b7bb, #ccb7c5, #bcb8c9, #b1b8c3, #acb6b9, #aab2b2, #a7b0ad, #a1aea9, #99aca4, #8eaba1, #82aaa1, #75a9a2, #69a8a3, #5fa6a5, #55a4a9, #4ca2ae, #469fb3, #419cb7, #3f98ba, #3c95bb, #3791b9, #328eb5, #2b8ab0, #2487ab, #1b83a6, #1180a3, #047ca2, #0077a2, #0072a2, #006da4, #0268a7, #0e63a8, #1560a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, gray and blue radial swatches
- Seed: `kYzx4WX4OndcYQNQpMRxqY_r2xQu`
- Page: https://grabient.com/kYzx4WX4OndcYQNQpMRxqY_r2xQu?style=radialSwatches&steps=34&angle=315
- Drawn as: radial swatches, 34 steps, 315 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.5 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 | `#dcb9b2` | `oklch(81.50% 0.0413 30.94)` | Rose Hip Tonic | black, 11.6 to 1 |
| 2 | `#d7b7bb` | `oklch(80.89% 0.0374 8.76)` | Nostalgia | black, 11.4 to 1 |
| 3 | `#ccb7c5` | `oklch(80.06% 0.0312 336.55)` | Ballad | black, 11.1 to 1 |
| 4 | `#bcb8c9` | `oklch(79.08% 0.0241 298.71)` | Cosmic | black, 10.8 to 1 |
| 5 | `#b1b8c3` | `oklch(78.00% 0.0172 259.63)` | Adirondack | black, 10.4 to 1 |
| 6 | `#acb6b9` | `oklch(76.89% 0.0119 223.71)` | Smoke Cloud | black, 10.1 to 1 |
| 7 | `#aab2b2` | `oklch(75.81% 0.0093 195.36)` | Flint Smoke | black, 9.7 to 1 |
| 8 | `#a7b0ad` | `oklch(74.80% 0.0107 178.47)` | Puritan Grey | black, 9.4 to 1 |
| 9 | `#a1aea9` | `oklch(73.78% 0.0162 170.72)` | Feldspar Silver | black, 9 to 1 |
| 10 | `#99aca4` | `oklch(72.73% 0.0246 169.42)` | Tower Grey | black, 8.7 to 1 |
| 11 | `#8eaba1` | `oklch(71.67% 0.0348 172.66)` | Rare Happening | black, 8.5 to 1 |
| 12 | `#82aaa1` | `oklch(70.63% 0.0457 178.53)` | Lake Water | black, 8.2 to 1 |
| 13 | `#75a9a2` | `oklch(69.63% 0.0560 185.10)` | Steel Pan Mallet | black, 7.9 to 1 |
| 14 | `#69a8a3` | `oklch(68.68% 0.0647 190.46)` | Veranda | black, 7.7 to 1 |
| 15 | `#5fa6a5` | `oklch(67.83% 0.0715 194.65)` | Veranda | black, 7.4 to 1 |
| 16 | `#55a4a9` | `oklch(67.07% 0.0779 200.46)` | Blue Racer | black, 7.2 to 1 |
| 17 | `#4ca2ae` | `oklch(66.36% 0.0839 207.28)` | Teal Essence | black, 7 to 1 |
| 18 | `#469fb3` | `oklch(65.67% 0.0892 214.35)` | Aquatic Cool | black, 6.8 to 1 |
| 19 | `#419cb7` | `oklch(64.94% 0.0940 220.95)` | Sports Blue | black, 6.6 to 1 |
| 20 | `#3f98ba` | `oklch(64.13% 0.0980 226.32)` | Coastline Blue | black, 6.4 to 1 |
| 21 | `#3c95bb` | `oklch(63.19% 0.1011 229.75)` | Galleon Blue | black, 6.1 to 1 |
| 22 | `#3791b9` | `oklch(62.11% 0.1028 230.94)` | Quiet Night | black, 5.9 to 1 |
| 23 | `#328eb5` | `oklch(60.94% 0.1032 230.51)` | Navagio Bay | black, 5.6 to 1 |
| 24 | `#2b8ab0` | `oklch(59.70% 0.1030 229.15)` | Hidden Springs | black, 5.3 to 1 |
| 25 | `#2487ab` | `oklch(58.43% 0.1026 227.58)` | Tiny Bubbles | black, 5.1 to 1 |
| 26 | `#1b83a6` | `oklch(57.18% 0.1027 226.49)` | Blue Paisley | black, 4.8 to 1 |
| 27 | `#1180a3` | `oklch(55.97% 0.1038 226.60)` | Summer Blue | black, 4.6 to 1 |
| 28 | `#047ca2` | `oklch(54.81% 0.1066 228.51)` | Bleu Ciel | white, 4.7 to 1 |
| 29 | `#0077a2` | `oklch(53.58% 0.1093 231.96)` | Mitchell Blue | white, 5 to 1 |
| 30 | `#0072a2` | `oklch(52.33% 0.1132 236.36)` | Cat’s Purr | white, 5.3 to 1 |
| 31 | `#006da4` | `oklch(51.13% 0.1195 241.17)` | Bowen Blue | white, 5.6 to 1 |
| 32 | `#0268a7` | `oklch(50.03% 0.1272 245.81)` | Medium Persian Blue | white, 5.9 to 1 |
| 33 | `#0e63a8` | `oklch(49.10% 0.1318 249.78)` | Directoire Blue | white, 6.2 to 1 |
| 34 | `#1560a8` | `oklch(48.43% 0.1350 252.50)` | Directoire Blue | white, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dcb9b2 0.000% 2.941%, #d7b7bb 2.941% 5.882%, #ccb7c5 5.882% 8.824%, #bcb8c9 8.824% 11.765%, #b1b8c3 11.765% 14.706%, #acb6b9 14.706% 17.647%, #aab2b2 17.647% 20.588%, #a7b0ad 20.588% 23.529%, #a1aea9 23.529% 26.471%, #99aca4 26.471% 29.412%, #8eaba1 29.412% 32.353%, #82aaa1 32.353% 35.294%, #75a9a2 35.294% 38.235%, #69a8a3 38.235% 41.176%, #5fa6a5 41.176% 44.118%, #55a4a9 44.118% 47.059%, #4ca2ae 47.059% 50.000%, #469fb3 50.000% 52.941%, #419cb7 52.941% 55.882%, #3f98ba 55.882% 58.824%, #3c95bb 58.824% 61.765%, #3791b9 61.765% 64.706%, #328eb5 64.706% 67.647%, #2b8ab0 67.647% 70.588%, #2487ab 70.588% 73.529%, #1b83a6 73.529% 76.471%, #1180a3 76.471% 79.412%, #047ca2 79.412% 82.353%, #0077a2 82.353% 85.294%, #0072a2 85.294% 88.235%, #006da4 88.235% 91.176%, #0268a7 91.176% 94.118%, #0e63a8 94.118% 97.059%, #1560a8 97.059% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(81.50% 0.0413 30.94) 0.000% 2.941%, oklch(80.89% 0.0374 8.76) 2.941% 5.882%, oklch(80.06% 0.0312 336.55) 5.882% 8.824%, oklch(79.08% 0.0241 298.71) 8.824% 11.765%, oklch(78.00% 0.0172 259.63) 11.765% 14.706%, oklch(76.89% 0.0119 223.71) 14.706% 17.647%, oklch(75.81% 0.0093 195.36) 17.647% 20.588%, oklch(74.80% 0.0107 178.47) 20.588% 23.529%, oklch(73.78% 0.0162 170.72) 23.529% 26.471%, oklch(72.73% 0.0246 169.42) 26.471% 29.412%, oklch(71.67% 0.0348 172.66) 29.412% 32.353%, oklch(70.63% 0.0457 178.53) 32.353% 35.294%, oklch(69.63% 0.0560 185.10) 35.294% 38.235%, oklch(68.68% 0.0647 190.46) 38.235% 41.176%, oklch(67.83% 0.0715 194.65) 41.176% 44.118%, oklch(67.07% 0.0779 200.46) 44.118% 47.059%, oklch(66.36% 0.0839 207.28) 47.059% 50.000%, oklch(65.67% 0.0892 214.35) 50.000% 52.941%, oklch(64.94% 0.0940 220.95) 52.941% 55.882%, oklch(64.13% 0.0980 226.32) 55.882% 58.824%, oklch(63.19% 0.1011 229.75) 58.824% 61.765%, oklch(62.11% 0.1028 230.94) 61.765% 64.706%, oklch(60.94% 0.1032 230.51) 64.706% 67.647%, oklch(59.70% 0.1030 229.15) 67.647% 70.588%, oklch(58.43% 0.1026 227.58) 70.588% 73.529%, oklch(57.18% 0.1027 226.49) 73.529% 76.471%, oklch(55.97% 0.1038 226.60) 76.471% 79.412%, oklch(54.81% 0.1066 228.51) 79.412% 82.353%, oklch(53.58% 0.1093 231.96) 82.353% 85.294%, oklch(52.33% 0.1132 236.36) 85.294% 88.235%, oklch(51.13% 0.1195 241.17) 88.235% 91.176%, oklch(50.03% 0.1272 245.81) 91.176% 94.118%, oklch(49.10% 0.1318 249.78) 94.118% 97.059%, oklch(48.43% 0.1350 252.50) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.041 | 30.9 |
| 2 | 0.752 | 0.01 | -176.2 |
| 3 | 0.685 | 0.066 | -168.8 |
| 4 | 0.634 | 0.101 | -130.7 |
| 5 | 0.555 | 0.105 | -132.9 |
| 6 | 0.484 | 0.135 | -107.5 |

## In these collections

- [Blue and teal swatches](https://grabient.com/blue-and-teal-swatches)

## Other forms

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