# Navy, magenta and yellow y2k palette

The Navy, magenta and yellow y2k palette brings together dark blue, blue, magenta, light magenta, and yellow. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark blue, and its lightest tone is yellow.

- Also called: Navy, purple, pink and yellow angular swatches
- Seed: `kWNiDLyVnAFrURfmsEF-r_OY`
- Page: https://grabient.com/kWNiDLyVnAFrURfmsEF-r_OY?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.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 | `#17152c` | `oklch(21.26% 0.0441 286.17)` | Sambucus | white, 17.7 to 1 |
| 2 | `#794dfe` | `oklch(57.48% 0.2467 287.23)` | Venetian Nights | white, 4.8 to 1 |
| 3 | `#f759d3` | `oklch(71.26% 0.2315 337.95)` | Drunken Flamingo | black, 7.3 to 1 |
| 4 | `#ff9ccb` | `oklch(80.71% 0.1298 350.63)` | Himalayan Balsam | black, 10.8 to 1 |
| 5 | `#f4ff70` | `oklch(96.45% 0.1654 113.21)` | Huáng Dì Yellow | black, 19.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #17152c 0.000% 20.000%, #794dfe 20.000% 40.000%, #f759d3 40.000% 60.000%, #ff9ccb 60.000% 80.000%, #f4ff70 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(21.26% 0.0441 286.17) 0.000% 20.000%, oklch(57.48% 0.2467 287.23) 20.000% 40.000%, oklch(71.26% 0.2315 337.95) 40.000% 60.000%, oklch(80.71% 0.1298 350.63) 60.000% 80.000%, oklch(96.45% 0.1654 113.21) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.044 | 286.2 |
| 2 | 0.575 | 0.247 | 287.2 |
| 3 | 0.713 | 0.231 | 338 |
| 4 | 0.807 | 0.132 | 350.6 |
| 5 | 0.965 | 0.175 | 473.2 |

## In these collections

- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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