# Cyan black violet halo

Blue, navy, light blue and gray radial gradient with 56 colors: #7c82ff, #737af0, #656fdb, #5661c3, #4553a7, #35438b, #263570, #192858, #0f1d44, #081534, #05102b, #041028, #05142c, #091d36, #102947, #183a5c, #214d76, #2b6391, #347aad, #3e90c8, #46a5e0, #4fb8f3, #58c5ff, #6dcdff, #79d3ff, #7fd7ff, #86d8fc, #92d7f4, #9dd5ec, #a6d3e3, #aed0dc, #b5ced6, #b9cdd3, #bcced3, #bdd1d6, #bcd6db, #badce1, #b7e3e8, #b1ebef, #aaf2f5, #a0f8fa, #94fdfd, #8cfffe, #7dfffe, #5ffdff, #42f6fd, #00ebfb, #00daf4, #00c8eb, #00b4e1, #00a0d6, #008dcc, #007ac4, #0069bf, #0059bf, #064ac2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, navy, light blue and gray radial gradient
- Seed: `kYqITGFpM92OvPPqh729C-9jpHx6`
- Page: https://grabient.com/kYqITGFpM92OvPPqh729C-9jpHx6?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: light center, pastel, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 16 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 | `#7c82ff` | `oklch(66.14% 0.1819 278.44)` | Orchid | black, 6.4 to 1 |
| 2 | `#737af0` | `oklch(63.15% 0.1742 277.51)` | Hera Blue | black, 5.7 to 1 |
| 3 | `#656fdb` | `oklch(58.81% 0.1634 276.36)` | C64 Purple | black, 4.8 to 1 |
| 4 | `#5661c3` | `oklch(53.48% 0.1503 275.03)` | Borage Blue | white, 5.3 to 1 |
| 5 | `#4553a7` | `oklch(47.51% 0.1356 273.54)` | Blasphemous Blue | white, 6.9 to 1 |
| 6 | `#35438b` | `oklch(41.26% 0.1201 271.90)` | Queen of the Night Shift | white, 8.9 to 1 |
| 7 | `#263570` | `oklch(35.08% 0.1046 270.15)` | Twilight Express | white, 11.5 to 1 |
| 8 | `#192858` | `oklch(29.33% 0.0897 268.31)` | Ultramarine Violet | white, 14.1 to 1 |
| 9 | `#0f1d44` | `oklch(24.37% 0.0763 266.39)` | Konkikyō Blue | white, 16.4 to 1 |
| 10 | `#081534` | `oklch(20.54% 0.0651 264.43)` | Liberty Blue | white, 18 to 1 |
| 11 | `#05102b` | `oklch(18.20% 0.0569 262.45)` | Squid’s Ink | white, 18.8 to 1 |
| 12 | `#041028` | `oklch(17.72% 0.0524 260.47)` | Void | white, 18.9 to 1 |
| 13 | `#05142c` | `oklch(19.34% 0.0523 258.42)` | Squid’s Ink | white, 18.3 to 1 |
| 14 | `#091d36` | `oklch(22.85% 0.0563 256.23)` | Trapped Darkness | white, 16.9 to 1 |
| 15 | `#102947` | `oklch(27.88% 0.0635 253.92)` | Midnight Ocean | white, 14.6 to 1 |
| 16 | `#183a5c` | `oklch(34.05% 0.0730 251.53)` | Poseidon | white, 11.7 to 1 |
| 17 | `#214d76` | `oklch(41.01% 0.0839 249.09)` | Mykonos Reflection | white, 8.7 to 1 |
| 18 | `#2b6391` | `oklch(48.37% 0.0954 246.63)` | Starry Night | white, 6.3 to 1 |
| 19 | `#347aad` | `oklch(55.77% 0.1065 244.18)` | Vermeer Blue | white, 4.6 to 1 |
| 20 | `#3e90c8` | `oklch(62.84% 0.1163 241.77)` | Azure Blue | black, 6 to 1 |
| 21 | `#46a5e0` | `oklch(69.20% 0.1240 239.44)` | High Blue | black, 7.7 to 1 |
| 22 | `#4fb8f3` | `oklch(74.50% 0.1287 237.21)` | Megaman | black, 9.4 to 1 |
| 23 | `#58c5ff` | `oklch(78.35% 0.1290 235.11)` | Blue Mana | black, 10.8 to 1 |
| 24 | `#6dcdff` | `oklch(80.91% 0.1152 233.14)` | Skyan | black, 11.8 to 1 |
| 25 | `#79d3ff` | `oklch(82.68% 0.1063 231.27)` | Sky | black, 12.5 to 1 |
| 26 | `#7fd7ff` | `oklch(83.77% 0.1016 229.49)` | Sky | black, 13 to 1 |
| 27 | `#86d8fc` | `oklch(84.33% 0.0944 227.77)` | Kul Sharif Blue | black, 13.2 to 1 |
| 28 | `#92d7f4` | `oklch(84.47% 0.0803 226.10)` | Blue Effervescence | black, 13.3 to 1 |
| 29 | `#9dd5ec` | `oklch(84.33% 0.0658 224.45)` | Over the Sky | black, 13.2 to 1 |
| 30 | `#a6d3e3` | `oklch(84.03% 0.0519 222.82)` | Light Blue Glint | black, 13 to 1 |
| 31 | `#aed0dc` | `oklch(83.70% 0.0396 221.18)` | Flemish Blue | black, 12.8 to 1 |
| 32 | `#b5ced6` | `oklch(83.48% 0.0296 219.53)` | Elevation | black, 12.7 to 1 |
| 33 | `#b9cdd3` | `oklch(83.49% 0.0230 217.83)` | Starlight Blue | black, 12.7 to 1 |
| 34 | `#bcced3` | `oklch(83.86% 0.0207 216.09)` | Shhh… | black, 12.8 to 1 |
| 35 | `#bdd1d6` | `oklch(84.66% 0.0226 213.98)` | Lament Blue | black, 13.2 to 1 |
| 36 | `#bcd6db` | `oklch(85.82% 0.0280 211.35)` | Light Sky Chase | black, 13.7 to 1 |
| 37 | `#badce1` | `oklch(87.19% 0.0361 208.37)` | Tender Waves | black, 14.4 to 1 |
| 38 | `#b7e3e8` | `oklch(88.67% 0.0465 205.26)` | Alaskan Wind | black, 15.1 to 1 |
| 39 | `#b1ebef` | `oklch(90.12% 0.0584 202.21)` | Mint Macaron | black, 15.9 to 1 |
| 40 | `#aaf2f5` | `oklch(91.42% 0.0714 199.41)` | Waterspout | black, 16.6 to 1 |
| 41 | `#a0f8fa` | `oklch(92.45% 0.0848 197.05)` | Eternal Winter | black, 17.3 to 1 |
| 42 | `#94fdfd` | `oklch(93.08% 0.0981 195.34)` | Glitchy Shader Blue | black, 17.7 to 1 |
| 43 | `#8cfffe` | `oklch(93.18% 0.1055 194.47)` | Glitter Shower | black, 17.8 to 1 |
| 44 | `#7dfffe` | `oklch(92.65% 0.1151 194.63)` | Glitter Shower | black, 17.6 to 1 |
| 45 | `#5ffdff` | `oklch(91.34% 0.1309 196.01)` | CGA Blue | black, 17 to 1 |
| 46 | `#42f6fd` | `oklch(89.01% 0.1388 199.00)` | Frozen State | black, 15.8 to 1 |
| 47 | `#00ebfb` | `oklch(85.65% 0.1460 203.60)` | Whimsical Blue | black, 14.2 to 1 |
| 48 | `#00daf4` | `oklch(81.48% 0.1407 209.48)` | Tamarama | black, 12.3 to 1 |
| 49 | `#00c8eb` | `oklch(76.72% 0.1365 216.29)` | Picnic Day Sky | black, 10.4 to 1 |
| 50 | `#00b4e1` | `oklch(71.60% 0.1341 223.70)` | Blue Atoll | black, 8.6 to 1 |
| 51 | `#00a0d6` | `oklch(66.34% 0.1343 231.37)` | Structural Blue | black, 7 to 1 |
| 52 | `#008dcc` | `oklch(61.15% 0.1376 238.94)` | Newport Blue | black, 5.6 to 1 |
| 53 | `#007ac4` | `oklch(56.27% 0.1450 246.09)` | Diva Blue | black, 4.5 to 1 |
| 54 | `#0069bf` | `oklch(51.92% 0.1575 252.47)` | Blue Diamond | white, 5.5 to 1 |
| 55 | `#0059bf` | `oklch(48.31% 0.1768 257.74)` | London Rain | white, 6.6 to 1 |
| 56 | `#064ac2` | `oklch(45.67% 0.1970 261.53)` | Flying Fish Blue | white, 7.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7c82ff 0.0%, #737af0 1.8%, #656fdb 3.6%, #5661c3 5.5%, #4553a7 7.3%, #35438b 9.1%, #263570 10.9%, #192858 12.7%, #0f1d44 14.5%, #081534 16.4%, #05102b 18.2%, #041028 20.0%, #05142c 21.8%, #091d36 23.6%, #102947 25.5%, #183a5c 27.3%, #214d76 29.1%, #2b6391 30.9%, #347aad 32.7%, #3e90c8 34.5%, #46a5e0 36.4%, #4fb8f3 38.2%, #58c5ff 40.0%, #6dcdff 41.8%, #79d3ff 43.6%, #7fd7ff 45.5%, #86d8fc 47.3%, #92d7f4 49.1%, #9dd5ec 50.9%, #a6d3e3 52.7%, #aed0dc 54.5%, #b5ced6 56.4%, #b9cdd3 58.2%, #bcced3 60.0%, #bdd1d6 61.8%, #bcd6db 63.6%, #badce1 65.5%, #b7e3e8 67.3%, #b1ebef 69.1%, #aaf2f5 70.9%, #a0f8fa 72.7%, #94fdfd 74.5%, #8cfffe 76.4%, #7dfffe 78.2%, #5ffdff 80.0%, #42f6fd 81.8%, #00ebfb 83.6%, #00daf4 85.5%, #00c8eb 87.3%, #00b4e1 89.1%, #00a0d6 90.9%, #008dcc 92.7%, #007ac4 94.5%, #0069bf 96.4%, #0059bf 98.2%, #064ac2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.1819 278.44) 0.0%, oklch(63.15% 0.1742 277.51) 1.8%, oklch(58.81% 0.1634 276.36) 3.6%, oklch(53.48% 0.1503 275.03) 5.5%, oklch(47.51% 0.1356 273.54) 7.3%, oklch(41.26% 0.1201 271.90) 9.1%, oklch(35.08% 0.1046 270.15) 10.9%, oklch(29.33% 0.0897 268.31) 12.7%, oklch(24.37% 0.0763 266.39) 14.5%, oklch(20.54% 0.0651 264.43) 16.4%, oklch(18.20% 0.0569 262.45) 18.2%, oklch(17.72% 0.0524 260.47) 20.0%, oklch(19.34% 0.0523 258.42) 21.8%, oklch(22.85% 0.0563 256.23) 23.6%, oklch(27.88% 0.0635 253.92) 25.5%, oklch(34.05% 0.0730 251.53) 27.3%, oklch(41.01% 0.0839 249.09) 29.1%, oklch(48.37% 0.0954 246.63) 30.9%, oklch(55.77% 0.1065 244.18) 32.7%, oklch(62.84% 0.1163 241.77) 34.5%, oklch(69.20% 0.1240 239.44) 36.4%, oklch(74.50% 0.1287 237.21) 38.2%, oklch(78.35% 0.1290 235.11) 40.0%, oklch(80.91% 0.1152 233.14) 41.8%, oklch(82.68% 0.1063 231.27) 43.6%, oklch(83.77% 0.1016 229.49) 45.5%, oklch(84.33% 0.0944 227.77) 47.3%, oklch(84.47% 0.0803 226.10) 49.1%, oklch(84.33% 0.0658 224.45) 50.9%, oklch(84.03% 0.0519 222.82) 52.7%, oklch(83.70% 0.0396 221.18) 54.5%, oklch(83.48% 0.0296 219.53) 56.4%, oklch(83.49% 0.0230 217.83) 58.2%, oklch(83.86% 0.0207 216.09) 60.0%, oklch(84.66% 0.0226 213.98) 61.8%, oklch(85.82% 0.0280 211.35) 63.6%, oklch(87.19% 0.0361 208.37) 65.5%, oklch(88.67% 0.0465 205.26) 67.3%, oklch(90.12% 0.0584 202.21) 69.1%, oklch(91.42% 0.0714 199.41) 70.9%, oklch(92.45% 0.0848 197.05) 72.7%, oklch(93.08% 0.0981 195.34) 74.5%, oklch(93.18% 0.1055 194.47) 76.4%, oklch(92.65% 0.1151 194.63) 78.2%, oklch(91.34% 0.1309 196.01) 80.0%, oklch(89.01% 0.1388 199.00) 81.8%, oklch(85.65% 0.1460 203.60) 83.6%, oklch(81.48% 0.1407 209.48) 85.5%, oklch(76.72% 0.1365 216.29) 87.3%, oklch(71.60% 0.1341 223.70) 89.1%, oklch(66.34% 0.1343 231.37) 90.9%, oklch(61.15% 0.1376 238.94) 92.7%, oklch(56.27% 0.1450 246.09) 94.5%, oklch(51.92% 0.1575 252.47) 96.4%, oklch(48.31% 0.1768 257.74) 98.2%, oklch(45.67% 0.1970 261.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.182 | 278.4 |
| 2 | 0.177 | 0.052 | 260.5 |
| 3 | 0.783 | 0.13 | 235.1 |
| 4 | 0.839 | 0.021 | 216.1 |
| 5 | 0.913 | 0.131 | 196 |
| 6 | 0.457 | 0.197 | 261.5 |

## In these collections

- [Electric blue gradients](https://grabient.com/electric-blue-gradients)

## Other forms

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