# Deep cyan and mint daffodil raincoat morning

The Deep cyan and mint daffodil raincoat morning brings together blue, light gray, gold, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Blue, gray, yellow and olive angular swatches
- Seed: `kUbiqp6IW8O6zstKHcNA`
- Page: https://grabient.com/kUbiqp6IW8O6zstKHcNA?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: light center, pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#30556d` | `oklch(43.31% 0.0579 238.36)` | America’s Cup | white, 7.9 to 1 |
| 2 | `#bac8ca` | `oklch(82.28% 0.0152 206.66)` | Oceanic Climate | black, 12.2 to 1 |
| 3 | `#f0d35b` | `oklch(87.01% 0.1419 95.70)` | Pursuit of Happiness | black, 14.2 to 1 |
| 4 | `#71834c` | `oklch(58.27% 0.0813 124.23)` | Herb | black, 5 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #30556d 0.000% 25.000%, #bac8ca 25.000% 50.000%, #f0d35b 50.000% 75.000%, #71834c 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(43.31% 0.0579 238.36) 0.000% 25.000%, oklch(82.28% 0.0152 206.66) 25.000% 50.000%, oklch(87.01% 0.1419 95.70) 50.000% 75.000%, oklch(58.27% 0.0813 124.23) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.058 | 238.4 |
| 2 | 0.823 | 0.015 | 206.7 |
| 3 | 0.87 | 0.142 | 95.7 |
| 4 | 0.583 | 0.081 | 124.2 |

## In these collections

- [Daffodil raincoat morning](https://grabient.com/daffodil-raincoat-morning)

## Other forms

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