# Near-Black Red Deep Magenta Rings

These 4 concentric rings move outward through near-black red, bright orange, pale red, and deep magenta. The separated colors give backgrounds, type, borders, and accents distinct assignments. Use it for bold Funhaus graphics, playful branding, geometric editorial layouts, or energetic interface backgrounds with clear color roles.

- Also called: Analogous brown, orange and pink linear swatches
- Seed: `kUOSoZ2UlA_SPu3NW74A`
- Page: https://grabient.com/kUOSoZ2UlA_SPu3NW74A?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#311007` | `oklch(22.44% 0.0579 35.86)` | Chocolate Melange | white, 17.3 to 1 |
| 2 | `#8f3400` | `oklch(44.91% 0.1345 42.40)` | Citrine Brown | white, 7.9 to 1 |
| 3 | `#ff6a07` | `oklch(70.08% 0.2008 44.31)` | Spooky Tangerine | black, 7.3 to 1 |
| 4 | `#ffbeb6` | `oklch(85.83% 0.0766 26.81)` | Melon Water | black, 13.2 to 1 |
| 5 | `#fed9df` | `oklch(91.73% 0.0427 6.27)` | Wishful Thinking | black, 16.1 to 1 |
| 6 | `#fa8fb9` | `oklch(77.53% 0.1375 355.97)` | Cochonnet | black, 9.6 to 1 |
| 7 | `#e40196` | `oklch(60.63% 0.2522 350.42)` | Love Vessel | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(160deg, #311007 0.000% 14.286%, #8f3400 14.286% 28.571%, #ff6a07 28.571% 42.857%, #ffbeb6 42.857% 57.143%, #fed9df 57.143% 71.429%, #fa8fb9 71.429% 85.714%, #e40196 85.714% 100.000%);
background: linear-gradient(160deg, oklch(22.44% 0.0579 35.86) 0.000% 14.286%, oklch(44.91% 0.1345 42.40) 14.286% 28.571%, oklch(70.08% 0.2008 44.31) 28.571% 42.857%, oklch(85.83% 0.0766 26.81) 42.857% 57.143%, oklch(91.73% 0.0427 6.27) 57.143% 71.429%, oklch(77.53% 0.1375 355.97) 71.429% 85.714%, oklch(60.63% 0.2522 350.42) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.058 | 35.9 |
| 2 | 0.701 | 0.201 | 44.3 |
| 3 | 0.917 | 0.043 | 6.3 |
| 4 | 0.606 | 0.252 | -9.6 |

## In these collections

- [Funhaus](https://grabient.com/funhaus)

## Other forms

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