# Deep cyan and mauve monsoon rice field

The Deep cyan and mauve monsoon rice field brings together blue, green, yellow, and magenta. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is yellow.

- Also called: Blue, olive, tan and purple linear swatches
- Seed: `kUbieqUCUylonPE2FjIA`
- Page: https://grabient.com/kUbieqUCUylonPE2FjIA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#34556b` | `oklch(43.31% 0.0537 239.06)` | America’s Cup | white, 7.9 to 1 |
| 2 | `#7a944d` | `oklch(62.99% 0.1020 125.99)` | Emerald Shimmer | black, 6.1 to 1 |
| 3 | `#b6a04c` | `oklch(70.87% 0.1075 95.34)` | Gingko Leaf | black, 8.1 to 1 |
| 4 | `#64415a` | `oklch(42.52% 0.0606 338.04)` | Hortensia | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #34556b 0.000% 25.000%, #7a944d 25.000% 50.000%, #b6a04c 50.000% 75.000%, #64415a 75.000% 100.000%);
background: linear-gradient(90deg, oklch(43.31% 0.0537 239.06) 0.000% 25.000%, oklch(62.99% 0.1020 125.99) 25.000% 50.000%, oklch(70.87% 0.1075 95.34) 50.000% 75.000%, oklch(42.52% 0.0606 338.04) 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.054 | 239.1 |
| 2 | 0.63 | 0.102 | 126 |
| 3 | 0.709 | 0.107 | 95.3 |
| 4 | 0.425 | 0.061 | -22 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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