# Monochrome light blue and navy radial swatches

Monochrome light blue and navy radial swatches with 13 colors: #e2f2fe, #d0e8fb, #b7d9f6, #9cc7ef, #84b5e6, #6fa0d9, #5c89ca, #4d72b9, #425da7, #3a4a95, #343781, #2f286f, #2a1d63. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU8hGr4CBA78swelqsIg`
- Page: https://grabient.com/kU8hGr4CBA78swelqsIg?style=radialSwatches&steps=13&angle=45
- Drawn as: radial swatches, 13 steps, 45 degrees
- Kinds: light to dark, cool
- 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 | `#e2f2fe` | `oklch(95.28% 0.0234 241.17)` | Wizard White | black, 18.3 to 1 |
| 2 | `#d0e8fb` | `oklch(91.89% 0.0358 242.49)` | Veiling Waterfalls | black, 16.5 to 1 |
| 3 | `#b7d9f6` | `oklch(87.06% 0.0537 244.34)` | Oh Boy! | black, 14.2 to 1 |
| 4 | `#9cc7ef` | `oklch(81.42% 0.0726 246.72)` | Baby Blue Eyes | black, 11.8 to 1 |
| 5 | `#84b5e6` | `oklch(75.59% 0.0882 249.63)` | Aero | black, 9.6 to 1 |
| 6 | `#6fa0d9` | `oklch(69.40% 0.0999 253.21)` | Kindred | black, 7.7 to 1 |
| 7 | `#5c89ca` | `oklch(62.62% 0.1098 257.42)` | Marina | black, 5.8 to 1 |
| 8 | `#4d72b9` | `oklch(55.83% 0.1175 261.96)` | Sinatra | white, 4.7 to 1 |
| 9 | `#425da7` | `oklch(49.61% 0.1226 266.53)` | Kakitsubata Blue | white, 6.2 to 1 |
| 10 | `#3a4a95` | `oklch(43.70% 0.1239 271.59)` | Deep Ultramarine | white, 8 to 1 |
| 11 | `#343781` | `oklch(37.94% 0.1220 277.10)` | Ballpoint Indigo | white, 10.4 to 1 |
| 12 | `#2f286f` | `oklch(33.00% 0.1191 282.09)` | Blue Rose | white, 12.7 to 1 |
| 13 | `#2a1d63` | `oklch(29.53% 0.1171 285.56)` | Night Fog | white, 14.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e2f2fe 0.000% 7.692%, #d0e8fb 7.692% 15.385%, #b7d9f6 15.385% 23.077%, #9cc7ef 23.077% 30.769%, #84b5e6 30.769% 38.462%, #6fa0d9 38.462% 46.154%, #5c89ca 46.154% 53.846%, #4d72b9 53.846% 61.538%, #425da7 61.538% 69.231%, #3a4a95 69.231% 76.923%, #343781 76.923% 84.615%, #2f286f 84.615% 92.308%, #2a1d63 92.308% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(95.28% 0.0234 241.17) 0.000% 7.692%, oklch(91.89% 0.0358 242.49) 7.692% 15.385%, oklch(87.06% 0.0537 244.34) 15.385% 23.077%, oklch(81.42% 0.0726 246.72) 23.077% 30.769%, oklch(75.59% 0.0882 249.63) 30.769% 38.462%, oklch(69.40% 0.0999 253.21) 38.462% 46.154%, oklch(62.62% 0.1098 257.42) 46.154% 53.846%, oklch(55.83% 0.1175 261.96) 53.846% 61.538%, oklch(49.61% 0.1226 266.53) 61.538% 69.231%, oklch(43.70% 0.1239 271.59) 69.231% 76.923%, oklch(37.94% 0.1220 277.10) 76.923% 84.615%, oklch(33.00% 0.1191 282.09) 84.615% 92.308%, oklch(29.53% 0.1171 285.56) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.023 | 241.2 |
| 2 | 0.756 | 0.088 | 249.6 |
| 3 | 0.496 | 0.123 | 266.5 |
| 4 | 0.295 | 0.117 | 285.6 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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