# Blue deep blue rings

Blue, light blue, black and navy radial gradient with 40 colors: #597ab5, #5781ba, #548dc1, #519ac8, #50a9ce, #52b8d2, #59c6d4, #64d3d5, #70ddd5, #79e5d5, #7ee9d6, #7debd9, #78ecde, #71eae4, #68e8eb, #60e3f0, #5bdcf5, #59d3f6, #58c9f4, #56beed, #52b2e2, #4aa4d2, #3f93bd, #3280a5, #256d8c, #195b74, #0d4a5e, #053a4b, #012e3c, #002431, #001e2a, #011b26, #021925, #041926, #071a28, #0b1b2b, #0f1d2e, #121f31, #152033, #172134. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, light blue, black and navy radial gradient
- Seed: `kWk0i6baW2d6qReeEL8n45EQ`
- Page: https://grabient.com/kWk0i6baW2d6qReeEL8n45EQ?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.6 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 | `#597ab5` | `oklch(57.87% 0.0992 261.56)` | Blue Android Base | black, 4.8 to 1 |
| 2 | `#5781ba` | `oklch(59.80% 0.0994 256.02)` | Regatta | black, 5.2 to 1 |
| 3 | `#548dc1` | `oklch(62.52% 0.0997 248.10)` | Danube | black, 5.9 to 1 |
| 4 | `#519ac8` | `oklch(65.82% 0.0999 238.48)` | Canadian Tuxedo | black, 6.8 to 1 |
| 5 | `#50a9ce` | `oklch(69.47% 0.1002 227.84)` | Estero Sky | black, 7.8 to 1 |
| 6 | `#52b8d2` | `oklch(73.26% 0.1006 216.87)` | Teal Moiré | black, 9.1 to 1 |
| 7 | `#59c6d4` | `oklch(76.95% 0.1010 206.25)` | Paradise Sky | black, 10.4 to 1 |
| 8 | `#64d3d5` | `oklch(80.33% 0.1015 196.67)` | Throat Chakra | black, 11.8 to 1 |
| 9 | `#70ddd5` | `oklch(83.18% 0.1021 188.81)` | Hammam Blue | black, 13 to 1 |
| 10 | `#79e5d5` | `oklch(85.28% 0.1027 183.35)` | Turquoise Chalk | black, 13.9 to 1 |
| 11 | `#7ee9d6` | `oklch(86.42% 0.1036 180.97)` | Turquoise Chalk | black, 14.5 to 1 |
| 12 | `#7debd9` | `oklch(86.94% 0.1051 181.78)` | Blue Crystal Landscape | black, 14.7 to 1 |
| 13 | `#78ecde` | `oklch(87.03% 0.1073 185.18)` | Blue Crystal Landscape | black, 14.8 to 1 |
| 14 | `#71eae4` | `oklch(86.70% 0.1099 190.56)` | Blue Crystal Landscape | black, 14.6 to 1 |
| 15 | `#68e8eb` | `oklch(85.95% 0.1126 197.33)` | Poseidon Jr. | black, 14.2 to 1 |
| 16 | `#60e3f0` | `oklch(84.77% 0.1151 204.87)` | Electric Lemonade | black, 13.7 to 1 |
| 17 | `#5bdcf5` | `oklch(83.18% 0.1171 212.56)` | Electric Lemonade | black, 12.9 to 1 |
| 18 | `#59d3f6` | `oklch(81.18% 0.1182 219.81)` | Libra Blue Morpho | black, 12 to 1 |
| 19 | `#58c9f4` | `oklch(78.78% 0.1183 226.00)` | Thor’s Thunder | black, 11 to 1 |
| 20 | `#56beed` | `oklch(75.96% 0.1170 230.53)` | Clean Pool | black, 10 to 1 |
| 21 | `#52b2e2` | `oklch(72.64% 0.1140 232.91)` | Sail Away | black, 8.8 to 1 |
| 22 | `#4aa4d2` | `oklch(68.22% 0.1089 233.71)` | Blue Tango | black, 7.5 to 1 |
| 23 | `#3f93bd` | `oklch(62.88% 0.1020 233.33)` | Galleon Blue | black, 6 to 1 |
| 24 | `#3280a5` | `oklch(56.91% 0.0940 232.12)` | Cendre Blue | black, 4.7 to 1 |
| 25 | `#256d8c` | `oklch(50.60% 0.0852 230.38)` | Chill of the Night | white, 5.7 to 1 |
| 26 | `#195b74` | `oklch(44.24% 0.0761 228.45)` | Saltwater Denim | white, 7.5 to 1 |
| 27 | `#0d4a5e` | `oklch(38.15% 0.0673 226.65)` | Swallow Blue | white, 9.7 to 1 |
| 28 | `#053a4b` | `oklch(32.59% 0.0591 225.31)` | Gibraltar Sea | white, 12.2 to 1 |
| 29 | `#012e3c` | `oklch(27.88% 0.0520 224.74)` | Black Chasm | white, 14.4 to 1 |
| 30 | `#002431` | `oklch(24.32% 0.0463 225.48)` | Midnight Dreams | white, 16.1 to 1 |
| 31 | `#001e2a` | `oklch(22.02% 0.0427 227.33)` | Oxford by Night | white, 17.1 to 1 |
| 32 | `#011b26` | `oklch(20.71% 0.0403 230.14)` | Creeping Death | white, 17.7 to 1 |
| 33 | `#021925` | `oklch(20.21% 0.0387 233.97)` | Creeping Death | white, 17.9 to 1 |
| 34 | `#041926` | `oklch(20.35% 0.0379 238.39)` | Creeping Death | white, 17.9 to 1 |
| 35 | `#071a28` | `oklch(20.94% 0.0376 243.13)` | Oxford by Night | white, 17.7 to 1 |
| 36 | `#0b1b2b` | `oklch(21.82% 0.0378 247.93)` | Oxford by Night | white, 17.3 to 1 |
| 37 | `#0f1d2e` | `oklch(22.82% 0.0381 252.55)` | Trapped Darkness | white, 16.9 to 1 |
| 38 | `#121f31` | `oklch(23.77% 0.0385 256.70)` | The Count’s Black | white, 16.5 to 1 |
| 39 | `#152033` | `oklch(24.49% 0.0387 260.15)` | Hēi Sè Black | white, 16.2 to 1 |
| 40 | `#172134` | `oklch(24.80% 0.0386 262.62)` | Kon | white, 16.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #597ab5 0.0%, #5781ba 2.6%, #548dc1 5.1%, #519ac8 7.7%, #50a9ce 10.3%, #52b8d2 12.8%, #59c6d4 15.4%, #64d3d5 17.9%, #70ddd5 20.5%, #79e5d5 23.1%, #7ee9d6 25.6%, #7debd9 28.2%, #78ecde 30.8%, #71eae4 33.3%, #68e8eb 35.9%, #60e3f0 38.5%, #5bdcf5 41.0%, #59d3f6 43.6%, #58c9f4 46.2%, #56beed 48.7%, #52b2e2 51.3%, #4aa4d2 53.8%, #3f93bd 56.4%, #3280a5 59.0%, #256d8c 61.5%, #195b74 64.1%, #0d4a5e 66.7%, #053a4b 69.2%, #012e3c 71.8%, #002431 74.4%, #001e2a 76.9%, #011b26 79.5%, #021925 82.1%, #041926 84.6%, #071a28 87.2%, #0b1b2b 89.7%, #0f1d2e 92.3%, #121f31 94.9%, #152033 97.4%, #172134 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.87% 0.0992 261.56) 0.0%, oklch(59.80% 0.0994 256.02) 2.6%, oklch(62.52% 0.0997 248.10) 5.1%, oklch(65.82% 0.0999 238.48) 7.7%, oklch(69.47% 0.1002 227.84) 10.3%, oklch(73.26% 0.1006 216.87) 12.8%, oklch(76.95% 0.1010 206.25) 15.4%, oklch(80.33% 0.1015 196.67) 17.9%, oklch(83.18% 0.1021 188.81) 20.5%, oklch(85.28% 0.1027 183.35) 23.1%, oklch(86.42% 0.1036 180.97) 25.6%, oklch(86.94% 0.1051 181.78) 28.2%, oklch(87.03% 0.1073 185.18) 30.8%, oklch(86.70% 0.1099 190.56) 33.3%, oklch(85.95% 0.1126 197.33) 35.9%, oklch(84.77% 0.1151 204.87) 38.5%, oklch(83.18% 0.1171 212.56) 41.0%, oklch(81.18% 0.1182 219.81) 43.6%, oklch(78.78% 0.1183 226.00) 46.2%, oklch(75.96% 0.1170 230.53) 48.7%, oklch(72.64% 0.1140 232.91) 51.3%, oklch(68.22% 0.1089 233.71) 53.8%, oklch(62.88% 0.1020 233.33) 56.4%, oklch(56.91% 0.0940 232.12) 59.0%, oklch(50.60% 0.0852 230.38) 61.5%, oklch(44.24% 0.0761 228.45) 64.1%, oklch(38.15% 0.0673 226.65) 66.7%, oklch(32.59% 0.0591 225.31) 69.2%, oklch(27.88% 0.0520 224.74) 71.8%, oklch(24.32% 0.0463 225.48) 74.4%, oklch(22.02% 0.0427 227.33) 76.9%, oklch(20.71% 0.0403 230.14) 79.5%, oklch(20.21% 0.0387 233.97) 82.1%, oklch(20.35% 0.0379 238.39) 84.6%, oklch(20.94% 0.0376 243.13) 87.2%, oklch(21.82% 0.0378 247.93) 89.7%, oklch(22.82% 0.0381 252.55) 92.3%, oklch(23.77% 0.0385 256.70) 94.9%, oklch(24.49% 0.0387 260.15) 97.4%, oklch(24.80% 0.0386 262.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.099 | 261.6 |
| 2 | 0.862 | 0.103 | 181.2 |
| 3 | 0.744 | 0.116 | 232 |
| 4 | 0.236 | 0.045 | 225.6 |
| 5 | 0.248 | 0.039 | 262.6 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)

## Other forms

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