# Laundromat at 3 AM

Navy, light blue and beige radial gradient with 32 colors: #0a1a3a, #0b1d40, #0d2148, #0f2752, #122d5d, #153369, #183b75, #1b4381, #1e4c8c, #225698, #2560a4, #2a6cb0, #2f78bd, #3485c8, #3c91d2, #449ddb, #4fa8e1, #5fb2e7, #71bcec, #84c6ef, #95cff2, #a5d7f3, #b3dff4, #bde6f4, #c5ecf4, #cbf2f1, #d2f5ec, #daf8e5, #e5f8de, #eff8d9, #f8f7d6, #fff6d6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, light blue and beige radial gradient
- Seed: `kWOTC6tKq_dcsvfzEL1e4-xI`
- Page: https://grabient.com/kWOTC6tKq_dcsvfzEL1e4-xI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.9 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 | `#0a1a3a` | `oklch(22.44% 0.0661 262.27)` | Naval Night | white, 17.2 to 1 |
| 2 | `#0b1d40` | `oklch(23.89% 0.0706 262.02)` | Midnight Mirage | white, 16.6 to 1 |
| 3 | `#0d2148` | `oklch(25.77% 0.0768 261.79)` | Dark Eclipse | white, 15.7 to 1 |
| 4 | `#0f2752` | `oklch(28.00% 0.0843 261.52)` | Dark Tyrian Blue | white, 14.7 to 1 |
| 5 | `#122d5d` | `oklch(30.52% 0.0923 261.16)` | Ambassador Blue | white, 13.5 to 1 |
| 6 | `#153369` | `oklch(33.25% 0.1003 260.65)` | Funnel Cloud | white, 12.2 to 1 |
| 7 | `#183b75` | `oklch(36.14% 0.1077 259.93)` | Azure Dragon | white, 10.9 to 1 |
| 8 | `#1b4381` | `oklch(39.10% 0.1138 258.97)` | Maritime Outpost | white, 9.6 to 1 |
| 9 | `#1e4c8c` | `oklch(42.09% 0.1180 257.69)` | Olympian Blue | white, 8.5 to 1 |
| 10 | `#225698` | `oklch(45.31% 0.1215 256.09)` | Fist of the North Star | white, 7.4 to 1 |
| 11 | `#2560a4` | `oklch(48.77% 0.1245 254.21)` | Zydeco Blue | white, 6.3 to 1 |
| 12 | `#2a6cb0` | `oklch(52.41% 0.1269 252.11)` | Dover Straits | white, 5.4 to 1 |
| 13 | `#2f78bd` | `oklch(56.12% 0.1283 249.83)` | Windows Blue | white, 4.6 to 1 |
| 14 | `#3485c8` | `oklch(59.83% 0.1286 247.42)` | Klaxosaur Blue | black, 5.3 to 1 |
| 15 | `#3c91d2` | `oklch(63.44% 0.1275 244.93)` | Magical Merlin | black, 6.1 to 1 |
| 16 | `#449ddb` | `oklch(66.88% 0.1247 242.40)` | Flax Flower Blue | black, 7 to 1 |
| 17 | `#4fa8e1` | `oklch(70.10% 0.1198 240.05)` | High Blue | black, 8 to 1 |
| 18 | `#5fb2e7` | `oklch(73.33% 0.1118 238.72)` | Sanctuary Spa | black, 9 to 1 |
| 19 | `#71bcec` | `oklch(76.54% 0.1012 237.98)` | Norfolk Sky | black, 10.1 to 1 |
| 20 | `#84c6ef` | `oklch(79.67% 0.0892 237.20)` | Fish Pond | black, 11.2 to 1 |
| 21 | `#95cff2` | `oklch(82.65% 0.0768 235.76)` | Fail Whale | black, 12.4 to 1 |
| 22 | `#a5d7f3` | `oklch(85.43% 0.0649 233.03)` | Juzcar Blue | black, 13.6 to 1 |
| 23 | `#b3dff4` | `oklch(87.92% 0.0546 228.39)` | Echo Iris | black, 14.7 to 1 |
| 24 | `#bde6f4` | `oklch(90.07% 0.0469 221.21)` | Skylark | black, 15.8 to 1 |
| 25 | `#c5ecf4` | `oklch(91.83% 0.0423 210.39)` | Icy Breeze | black, 16.7 to 1 |
| 26 | `#cbf2f1` | `oklch(93.23% 0.0398 195.26)` | Vaporised | black, 17.4 to 1 |
| 27 | `#d2f5ec` | `oklch(94.33% 0.0389 177.20)` | Waterslide | black, 18 to 1 |
| 28 | `#daf8e5` | `oklch(95.18% 0.0392 157.67)` | Toxic Latte | black, 18.5 to 1 |
| 29 | `#e5f8de` | `oklch(95.84% 0.0402 138.15)` | Frosted Garden | black, 18.8 to 1 |
| 30 | `#eff8d9` | `oklch(96.37% 0.0414 120.10)` | Pastoral | black, 19 to 1 |
| 31 | `#f8f7d6` | `oklch(96.82% 0.0424 104.97)` | Citrine White | black, 19.2 to 1 |
| 32 | `#fff6d6` | `oklch(97.24% 0.0424 94.26)` | Natural Wool | black, 19.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0a1a3a 0.0%, #0b1d40 3.2%, #0d2148 6.5%, #0f2752 9.7%, #122d5d 12.9%, #153369 16.1%, #183b75 19.4%, #1b4381 22.6%, #1e4c8c 25.8%, #225698 29.0%, #2560a4 32.3%, #2a6cb0 35.5%, #2f78bd 38.7%, #3485c8 41.9%, #3c91d2 45.2%, #449ddb 48.4%, #4fa8e1 51.6%, #5fb2e7 54.8%, #71bcec 58.1%, #84c6ef 61.3%, #95cff2 64.5%, #a5d7f3 67.7%, #b3dff4 71.0%, #bde6f4 74.2%, #c5ecf4 77.4%, #cbf2f1 80.6%, #d2f5ec 83.9%, #daf8e5 87.1%, #e5f8de 90.3%, #eff8d9 93.5%, #f8f7d6 96.8%, #fff6d6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.44% 0.0661 262.27) 0.0%, oklch(23.89% 0.0706 262.02) 3.2%, oklch(25.77% 0.0768 261.79) 6.5%, oklch(28.00% 0.0843 261.52) 9.7%, oklch(30.52% 0.0923 261.16) 12.9%, oklch(33.25% 0.1003 260.65) 16.1%, oklch(36.14% 0.1077 259.93) 19.4%, oklch(39.10% 0.1138 258.97) 22.6%, oklch(42.09% 0.1180 257.69) 25.8%, oklch(45.31% 0.1215 256.09) 29.0%, oklch(48.77% 0.1245 254.21) 32.3%, oklch(52.41% 0.1269 252.11) 35.5%, oklch(56.12% 0.1283 249.83) 38.7%, oklch(59.83% 0.1286 247.42) 41.9%, oklch(63.44% 0.1275 244.93) 45.2%, oklch(66.88% 0.1247 242.40) 48.4%, oklch(70.10% 0.1198 240.05) 51.6%, oklch(73.33% 0.1118 238.72) 54.8%, oklch(76.54% 0.1012 237.98) 58.1%, oklch(79.67% 0.0892 237.20) 61.3%, oklch(82.65% 0.0768 235.76) 64.5%, oklch(85.43% 0.0649 233.03) 67.7%, oklch(87.92% 0.0546 228.39) 71.0%, oklch(90.07% 0.0469 221.21) 74.2%, oklch(91.83% 0.0423 210.39) 77.4%, oklch(93.23% 0.0398 195.26) 80.6%, oklch(94.33% 0.0389 177.20) 83.9%, oklch(95.18% 0.0392 157.67) 87.1%, oklch(95.84% 0.0402 138.15) 90.3%, oklch(96.37% 0.0414 120.10) 93.5%, oklch(96.82% 0.0424 104.97) 96.8%, oklch(97.24% 0.0424 94.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.066 | 262.3 |
| 2 | 0.413 | 0.117 | 258 |
| 3 | 0.685 | 0.123 | 241.1 |
| 4 | 0.906 | 0.045 | 218.9 |
| 5 | 0.972 | 0.043 | 94.2 |

## In these collections

- [Liminal Places](https://grabient.com/liminal-places)

## Other forms

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