# Cobalt blue, aqua and crimson split complementary

The Cobalt blue, aqua and crimson split complementary brings together blue, light blue, gold, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light blue.

- Also called: Blue, light blue and orange linear swatches
- Seed: `kUeoq17RY_WS6K5QRTrA`
- Page: https://grabient.com/kUeoq17RY_WS6K5QRTrA?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Kinds: light center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.3 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 | `#005bb5` | `oklch(48.04% 0.1596 255.26)` | Bottled Sea | white, 6.6 to 1 |
| 2 | `#b3d4f7` | `oklch(85.83% 0.0606 249.95)` | Ice Cold Stare | black, 13.7 to 1 |
| 3 | `#f3ac1b` | `oklch(79.13% 0.1598 77.70)` | Squash | black, 10.6 to 1 |
| 4 | `#e4502e` | `oklch(62.99% 0.1902 34.37)` | Orangeade | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #005bb5 0.000% 25.000%, #b3d4f7 25.000% 50.000%, #f3ac1b 50.000% 75.000%, #e4502e 75.000% 100.000%);
background: linear-gradient(180deg, oklch(48.04% 0.1596 255.26) 0.000% 25.000%, oklch(85.83% 0.0606 249.95) 25.000% 50.000%, oklch(79.13% 0.1598 77.70) 50.000% 75.000%, oklch(62.99% 0.1902 34.37) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.19 | 255.2 |
| 2 | 0.858 | 0.061 | 250 |
| 3 | 0.791 | 0.16 | 77.7 |
| 4 | 0.63 | 0.19 | 34.4 |

## In these collections

- [Split complementary swatches](https://grabient.com/split-complementary-swatches)

## Other forms

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