# Monochrome navy and light blue radial swatches

Monochrome navy and light blue radial swatches with 32 colors: #0b1534, #0d1737, #0e1a3c, #111c41, #132047, #16234d, #182754, #1c2b5c, #1f2e63, #22326a, #263671, #293977, #2d3c7e, #313f84, #35418b, #394391, #3e4698, #43499e, #484ca4, #4e50ab, #5455b1, #5b5bb7, #6363be, #6c6dc4, #7677cb, #8182d2, #8c8dd8, #9698de, #a0a2e4, #a9abe8, #b1b3ec, #b7b9f0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNS2-LaZAMEzwTmHEBA`
- Page: https://grabient.com/kUNS2-LaZAMEzwTmHEBA?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: dark to light, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.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 | `#0b1534` | `oklch(20.87% 0.0620 267.19)` | Liberty Blue | white, 17.8 to 1 |
| 2 | `#0d1737` | `oklch(21.72% 0.0645 267.27)` | Liberty Blue | white, 17.5 to 1 |
| 3 | `#0e1a3c` | `oklch(22.81% 0.0677 267.34)` | Maastricht Blue | white, 17.1 to 1 |
| 4 | `#111c41` | `oklch(24.10% 0.0715 267.39)` | Nightwalker | white, 16.5 to 1 |
| 5 | `#132047` | `oklch(25.55% 0.0757 267.46)` | Konkikyō Blue | white, 15.9 to 1 |
| 6 | `#16234d` | `oklch(27.12% 0.0803 267.56)` | Fly-by-Night | white, 15.1 to 1 |
| 7 | `#182754` | `oklch(28.76% 0.0850 267.71)` | Space Cadet | white, 14.4 to 1 |
| 8 | `#1c2b5c` | `oklch(30.44% 0.0898 267.92)` | Ultramarine Violet | white, 13.6 to 1 |
| 9 | `#1f2e63` | `oklch(32.13% 0.0946 268.21)` | Mythical Night | white, 12.8 to 1 |
| 10 | `#22326a` | `oklch(33.77% 0.0992 268.60)` | Passionate Blue | white, 12 to 1 |
| 11 | `#263671` | `oklch(35.33% 0.1034 269.10)` | Twilight Express | white, 11.3 to 1 |
| 12 | `#293977` | `oklch(36.78% 0.1075 269.76)` | Ballpoint Indigo | white, 10.7 to 1 |
| 13 | `#2d3c7e` | `oklch(38.13% 0.1122 270.61)` | Mazarine Blue | white, 10.2 to 1 |
| 14 | `#313f84` | `oklch(39.42% 0.1172 271.61)` | Official Violet | white, 9.7 to 1 |
| 15 | `#35418b` | `oklch(40.69% 0.1225 272.73)` | Clematis Blue | white, 9.2 to 1 |
| 16 | `#394391` | `oklch(41.96% 0.1276 273.91)` | Spectrum Blue | white, 8.7 to 1 |
| 17 | `#3e4698` | `oklch(43.29% 0.1324 275.13)` | Galaxy Express | white, 8.3 to 1 |
| 18 | `#43499e` | `oklch(44.70% 0.1365 276.32)` | Galaxy Express | white, 7.8 to 1 |
| 19 | `#484ca4` | `oklch(46.23% 0.1397 277.46)` | Liberty | white, 7.3 to 1 |
| 20 | `#4e50ab` | `oklch(47.92% 0.1418 278.49)` | Brandywine Raspberry | white, 6.8 to 1 |
| 21 | `#5455b1` | `oklch(49.80% 0.1424 279.38)` | Brandywine Raspberry | white, 6.3 to 1 |
| 22 | `#5b5bb7` | `oklch(51.93% 0.1413 280.08)` | Yuè Guāng Lán Moonlight | white, 5.7 to 1 |
| 23 | `#6363be` | `oklch(54.48% 0.1381 280.66)` | Bluish Purple Anemone | white, 5.1 to 1 |
| 24 | `#6c6dc4` | `oklch(57.40% 0.1329 281.15)` | Purple Toolbox | black, 4.6 to 1 |
| 25 | `#7677cb` | `oklch(60.59% 0.1263 281.55)` | Kickstart Purple | black, 5.2 to 1 |
| 26 | `#8182d2` | `oklch(63.91% 0.1187 281.88)` | Tanzine | black, 6 to 1 |
| 27 | `#8c8dd8` | `oklch(67.26% 0.1105 282.16)` | Adora | black, 6.9 to 1 |
| 28 | `#9698de` | `oklch(70.52% 0.1022 282.38)` | Portage | black, 7.8 to 1 |
| 29 | `#a0a2e4` | `oklch(73.57% 0.0943 282.57)` | Cold Lips | black, 8.7 to 1 |
| 30 | `#a9abe8` | `oklch(76.30% 0.0872 282.74)` | Maximum Blue Purple | black, 9.7 to 1 |
| 31 | `#b1b3ec` | `oklch(78.59% 0.0813 282.89)` | Perano | black, 10.5 to 1 |
| 32 | `#b7b9f0` | `oklch(80.31% 0.0772 283.04)` | Purple Illusion | black, 11.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0b1534 0.000% 3.125%, #0d1737 3.125% 6.250%, #0e1a3c 6.250% 9.375%, #111c41 9.375% 12.500%, #132047 12.500% 15.625%, #16234d 15.625% 18.750%, #182754 18.750% 21.875%, #1c2b5c 21.875% 25.000%, #1f2e63 25.000% 28.125%, #22326a 28.125% 31.250%, #263671 31.250% 34.375%, #293977 34.375% 37.500%, #2d3c7e 37.500% 40.625%, #313f84 40.625% 43.750%, #35418b 43.750% 46.875%, #394391 46.875% 50.000%, #3e4698 50.000% 53.125%, #43499e 53.125% 56.250%, #484ca4 56.250% 59.375%, #4e50ab 59.375% 62.500%, #5455b1 62.500% 65.625%, #5b5bb7 65.625% 68.750%, #6363be 68.750% 71.875%, #6c6dc4 71.875% 75.000%, #7677cb 75.000% 78.125%, #8182d2 78.125% 81.250%, #8c8dd8 81.250% 84.375%, #9698de 84.375% 87.500%, #a0a2e4 87.500% 90.625%, #a9abe8 90.625% 93.750%, #b1b3ec 93.750% 96.875%, #b7b9f0 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(20.87% 0.0620 267.19) 0.000% 3.125%, oklch(21.72% 0.0645 267.27) 3.125% 6.250%, oklch(22.81% 0.0677 267.34) 6.250% 9.375%, oklch(24.10% 0.0715 267.39) 9.375% 12.500%, oklch(25.55% 0.0757 267.46) 12.500% 15.625%, oklch(27.12% 0.0803 267.56) 15.625% 18.750%, oklch(28.76% 0.0850 267.71) 18.750% 21.875%, oklch(30.44% 0.0898 267.92) 21.875% 25.000%, oklch(32.13% 0.0946 268.21) 25.000% 28.125%, oklch(33.77% 0.0992 268.60) 28.125% 31.250%, oklch(35.33% 0.1034 269.10) 31.250% 34.375%, oklch(36.78% 0.1075 269.76) 34.375% 37.500%, oklch(38.13% 0.1122 270.61) 37.500% 40.625%, oklch(39.42% 0.1172 271.61) 40.625% 43.750%, oklch(40.69% 0.1225 272.73) 43.750% 46.875%, oklch(41.96% 0.1276 273.91) 46.875% 50.000%, oklch(43.29% 0.1324 275.13) 50.000% 53.125%, oklch(44.70% 0.1365 276.32) 53.125% 56.250%, oklch(46.23% 0.1397 277.46) 56.250% 59.375%, oklch(47.92% 0.1418 278.49) 59.375% 62.500%, oklch(49.80% 0.1424 279.38) 62.500% 65.625%, oklch(51.93% 0.1413 280.08) 65.625% 68.750%, oklch(54.48% 0.1381 280.66) 68.750% 71.875%, oklch(57.40% 0.1329 281.15) 71.875% 75.000%, oklch(60.59% 0.1263 281.55) 75.000% 78.125%, oklch(63.91% 0.1187 281.88) 78.125% 81.250%, oklch(67.26% 0.1105 282.16) 81.250% 84.375%, oklch(70.52% 0.1022 282.38) 84.375% 87.500%, oklch(73.57% 0.0943 282.57) 87.500% 90.625%, oklch(76.30% 0.0872 282.74) 90.625% 93.750%, oklch(78.59% 0.0813 282.89) 93.750% 96.875%, oklch(80.31% 0.0772 283.04) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.062 | 267.2 |
| 2 | 0.358 | 0.105 | 269.3 |
| 3 | 0.512 | 0.142 | 279.9 |
| 4 | 0.803 | 0.077 | 283 |

## In these collections

- [Cool gradients](https://grabient.com/cool-gradients)

## Other forms

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