# Black tie ruby gold

Black, white and maroon angular swatches with 6 colors: #050506, #2b2d35, #f2eee0, #c5a14b, #9b1834, #3b0716. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, white and maroon angular swatches
- Seed: `kYHQLLpgW-niHVTcKT8OTu3h4dPy`
- Page: https://grabient.com/kYHQLLpgW-niHVTcKT8OTu3h4dPy?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 17.5 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 | `#050506` | `oklch(11.42% 0.0028 286.17)` | Black Metal | white, 20.3 to 1 |
| 2 | `#2b2d35` | `oklch(29.92% 0.0152 274.55)` | Deep Space Echo | white, 13.6 to 1 |
| 3 | `#f2eee0` | `oklch(94.88% 0.0193 94.20)` | Whipped White | black, 18.1 to 1 |
| 4 | `#c5a14b` | `oklch(72.44% 0.1130 86.80)` | Goldbricker | black, 8.5 to 1 |
| 5 | `#9b1834` | `oklch(44.88% 0.1640 16.00)` | French Winery | white, 8.1 to 1 |
| 6 | `#3b0716` | `oklch(23.62% 0.0799 9.66)` | Berry Chocolate | white, 17 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #050506 0.000% 16.667%, #2b2d35 16.667% 33.333%, #f2eee0 33.333% 50.000%, #c5a14b 50.000% 66.667%, #9b1834 66.667% 83.333%, #3b0716 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(11.42% 0.0028 286.17) 0.000% 16.667%, oklch(29.92% 0.0152 274.55) 16.667% 33.333%, oklch(94.88% 0.0193 94.20) 33.333% 50.000%, oklch(72.44% 0.1130 86.80) 50.000% 66.667%, oklch(44.88% 0.1640 16.00) 66.667% 83.333%, oklch(23.62% 0.0799 9.66) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.114 | 0.003 | 286.2 |
| 2 | 0.299 | 0.015 | 274.5 |
| 3 | 0.949 | 0.019 | 454.2 |
| 4 | 0.724 | 0.113 | 446.8 |
| 5 | 0.449 | 0.164 | 376 |
| 6 | 0.236 | 0.08 | 369.7 |

## In these collections

- [New Year's Eve color palette](https://grabient.com/new-years-eve-color-palette)

## Other forms

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