# Ocean Coral Sensor Ring

A navy radial gradient expands through ocean blue and violet into magenta, coral, and ochre. The ordered cool-to-warm bands resemble a remote-sensing composite and suit map legends, geospatial dashboards, earth-observation presentations, analytical posters, and centered graphics that need clear spectral depth.

- Also called: Navy, blue, purple and orange radial gradient
- Seed: `kURDe9vi8-8swShjLclA`
- Page: https://grabient.com/kURDe9vi8-8swShjLclA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.4 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 | `#15234a` | `oklch(26.77% 0.0758 266.48)` | Dark Eclipse | white, 15.3 to 1 |
| 2 | `#162650` | `oklch(28.08% 0.0791 265.60)` | Space Cadet | white, 14.7 to 1 |
| 3 | `#172b57` | `oklch(29.83% 0.0836 263.96)` | Ultramarine Violet | white, 13.8 to 1 |
| 4 | `#18305f` | `oklch(31.91% 0.0890 261.84)` | Ending Navy Blue | white, 12.8 to 1 |
| 5 | `#183769` | `oklch(34.25% 0.0950 259.51)` | Passionate Blue | white, 11.7 to 1 |
| 6 | `#173e73` | `oklch(36.73% 0.1014 257.26)` | Ashenvale Nights | white, 10.6 to 1 |
| 7 | `#17457e` | `oklch(39.28% 0.1079 255.36)` | Poster Blue | white, 9.5 to 1 |
| 8 | `#174d89` | `oklch(41.80% 0.1141 254.09)` | Olympian Blue | white, 8.5 to 1 |
| 9 | `#195393` | `oklch(44.20% 0.1198 253.74)` | Nautical Blue | white, 7.7 to 1 |
| 10 | `#1f599d` | `oklch(46.39% 0.1247 254.58)` | Cyan Cobalt Blue | white, 7 to 1 |
| 11 | `#285da5` | `oklch(48.28% 0.1285 256.89)` | Miracle at Wrigley | white, 6.5 to 1 |
| 12 | `#3560ac` | `oklch(49.80% 0.1312 260.91)` | Adventure of the Seas | white, 6.1 to 1 |
| 13 | `#4361b2` | `oklch(51.05% 0.1330 266.57)` | Kakitsubata Blue | white, 5.8 to 1 |
| 14 | `#5260b5` | `oklch(52.09% 0.1341 273.60)` | Chinese Bellflower | white, 5.6 to 1 |
| 15 | `#615fb7` | `oklch(52.97% 0.1347 281.72)` | Blue Marguerite | white, 5.5 to 1 |
| 16 | `#6f5db5` | `oklch(53.76% 0.1348 290.65)` | Simply Purple | white, 5.3 to 1 |
| 17 | `#7d5bb2` | `oklch(54.50% 0.1345 300.14)` | Simply Purple | white, 5.2 to 1 |
| 18 | `#8a59ac` | `oklch(55.26% 0.1341 309.90)` | Lusty Lavender | white, 5.1 to 1 |
| 19 | `#9658a5` | `oklch(56.09% 0.1335 319.66)` | Vicious Violet | white, 4.9 to 1 |
| 20 | `#a1589d` | `oklch(57.04% 0.1329 329.15)` | Heath Spotted Orchid | white, 4.7 to 1 |
| 21 | `#ac5996` | `oklch(58.17% 0.1325 338.10)` | Radiant Orchid | black, 4.6 to 1 |
| 22 | `#b55b8f` | `oklch(59.54% 0.1322 346.32)` | Spruce Tree Flower | black, 4.8 to 1 |
| 23 | `#bf5f88` | `oklch(61.21% 0.1318 354.74)` | Beauty Queen | black, 5.2 to 1 |
| 24 | `#c96481` | `oklch(63.11% 0.1312 3.52)` | Ballerina Tutu | black, 5.6 to 1 |
| 25 | `#d26b7a` | `oklch(65.18% 0.1305 12.46)` | Pinkish | black, 6.1 to 1 |
| 26 | `#db7373` | `oklch(67.33% 0.1297 21.36)` | Lantana | black, 6.6 to 1 |
| 27 | `#e17c6c` | `oklch(69.50% 0.1289 30.02)` | Marmalade Magic | black, 7.3 to 1 |
| 28 | `#e78566` | `oklch(71.61% 0.1280 38.26)` | Brewed Mustard | black, 7.9 to 1 |
| 29 | `#eb8e62` | `oklch(73.59% 0.1272 45.86)` | Heat of Summer | black, 8.6 to 1 |
| 30 | `#ee975f` | `oklch(75.35% 0.1264 52.63)` | Ridgeback | black, 9.2 to 1 |
| 31 | `#ef9f5d` | `oklch(76.83% 0.1258 58.37)` | Doughnut | black, 9.7 to 1 |
| 32 | `#f0a45d` | `oklch(77.95% 0.1254 62.88)` | Sandy Brown | black, 10.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #15234a 0.0%, #162650 3.2%, #172b57 6.5%, #18305f 9.7%, #183769 12.9%, #173e73 16.1%, #17457e 19.4%, #174d89 22.6%, #195393 25.8%, #1f599d 29.0%, #285da5 32.3%, #3560ac 35.5%, #4361b2 38.7%, #5260b5 41.9%, #615fb7 45.2%, #6f5db5 48.4%, #7d5bb2 51.6%, #8a59ac 54.8%, #9658a5 58.1%, #a1589d 61.3%, #ac5996 64.5%, #b55b8f 67.7%, #bf5f88 71.0%, #c96481 74.2%, #d26b7a 77.4%, #db7373 80.6%, #e17c6c 83.9%, #e78566 87.1%, #eb8e62 90.3%, #ee975f 93.5%, #ef9f5d 96.8%, #f0a45d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.0758 266.48) 0.0%, oklch(28.08% 0.0791 265.60) 3.2%, oklch(29.83% 0.0836 263.96) 6.5%, oklch(31.91% 0.0890 261.84) 9.7%, oklch(34.25% 0.0950 259.51) 12.9%, oklch(36.73% 0.1014 257.26) 16.1%, oklch(39.28% 0.1079 255.36) 19.4%, oklch(41.80% 0.1141 254.09) 22.6%, oklch(44.20% 0.1198 253.74) 25.8%, oklch(46.39% 0.1247 254.58) 29.0%, oklch(48.28% 0.1285 256.89) 32.3%, oklch(49.80% 0.1312 260.91) 35.5%, oklch(51.05% 0.1330 266.57) 38.7%, oklch(52.09% 0.1341 273.60) 41.9%, oklch(52.97% 0.1347 281.72) 45.2%, oklch(53.76% 0.1348 290.65) 48.4%, oklch(54.50% 0.1345 300.14) 51.6%, oklch(55.26% 0.1341 309.90) 54.8%, oklch(56.09% 0.1335 319.66) 58.1%, oklch(57.04% 0.1329 329.15) 61.3%, oklch(58.17% 0.1325 338.10) 64.5%, oklch(59.54% 0.1322 346.32) 67.7%, oklch(61.21% 0.1318 354.74) 71.0%, oklch(63.11% 0.1312 3.52) 74.2%, oklch(65.18% 0.1305 12.46) 77.4%, oklch(67.33% 0.1297 21.36) 80.6%, oklch(69.50% 0.1289 30.02) 83.9%, oklch(71.61% 0.1280 38.26) 87.1%, oklch(73.59% 0.1272 45.86) 90.3%, oklch(75.35% 0.1264 52.63) 93.5%, oklch(76.83% 0.1258 58.37) 96.8%, oklch(77.95% 0.1254 62.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.076 | 266.5 |
| 2 | 0.488 | 0.13 | 258 |
| 3 | 0.591 | 0.132 | 343.6 |
| 4 | 0.78 | 0.125 | 422.9 |

## In these collections

- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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