# Cyan and red zine ink

Near black, warm paper cream, vivid cyan, and orange red form four broad diagonal bands. The pale paper color separates the dark ink from two forceful printing accents, giving the palette a spare, graphic rhythm. It suits independent magazine covers, concert flyers, and collage layouts that draw on photocopied zine graphics.

- Also called: Black, beige, blue and red linear swatches
- Seed: `kUMAardgwtlUozlOyarA`
- Page: https://grabient.com/kUMAardgwtlUozlOyarA?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15 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 | `#101417` | `oklch(18.90% 0.0083 240.47)` | Black Is Back | white, 18.4 to 1 |
| 2 | `#f2e6cf` | `oklch(92.91% 0.0331 85.13)` | French Creme | black, 17 to 1 |
| 3 | `#15a8b7` | `oklch(66.93% 0.1116 206.65)` | Bluebird | black, 7.3 to 1 |
| 4 | `#e64238` | `oklch(61.81% 0.2026 28.06)` | Carpaccio | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #101417 0.000% 25.000%, #f2e6cf 25.000% 50.000%, #15a8b7 50.000% 75.000%, #e64238 75.000% 100.000%);
background: linear-gradient(45deg, oklch(18.90% 0.0083 240.47) 0.000% 25.000%, oklch(92.91% 0.0331 85.13) 25.000% 50.000%, oklch(66.93% 0.1116 206.65) 50.000% 75.000%, oklch(61.81% 0.2026 28.06) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.008 | 240.5 |
| 2 | 0.929 | 0.033 | 85.1 |
| 3 | 0.669 | 0.112 | 206.7 |
| 4 | 0.618 | 0.203 | 28.1 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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