# Pale blue acid pink bands

Diagonal bands move from pale blue to acid lime, electric pink, and midnight indigo. The airy first color makes the lime and pink clash harder, while the dark ending turns the cheerful brights slightly ominous. Use this palette for editorial covers, club flyers, or experimental web graphics.

- Also called: Rainbow from light blue to navy linear swatches
- Seed: `kU7Bm-9FMv1tNrahmDlA`
- Page: https://grabient.com/kU7Bm-9FMv1tNrahmDlA?style=linearSwatches&steps=4&angle=188
- Drawn as: linear swatches, 4 steps, 188 degrees
- Kinds: light to dark, vivid, light, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.7 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 | `#dee7ff` | `oklch(92.91% 0.0337 267.88)` | Lavender Mist | black, 17 to 1 |
| 2 | `#abff4c` | `oklch(91.34% 0.2209 131.57)` | Irradiated Green | black, 17.1 to 1 |
| 3 | `#f363d2` | `oklch(71.65% 0.2136 337.28)` | Illicit Pink | black, 7.5 to 1 |
| 4 | `#202044` | `oklch(26.38% 0.0661 281.28)` | Black Market | white, 15.5 to 1 |

## CSS

```css
background: linear-gradient(188deg, #dee7ff 0.000% 25.000%, #abff4c 25.000% 50.000%, #f363d2 50.000% 75.000%, #202044 75.000% 100.000%);
background: linear-gradient(188deg, oklch(92.91% 0.0337 267.88) 0.000% 25.000%, oklch(91.34% 0.2209 131.57) 25.000% 50.000%, oklch(71.65% 0.2136 337.28) 50.000% 75.000%, oklch(26.38% 0.0661 281.28) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.034 | 267.9 |
| 2 | 0.913 | 0.229 | 131.6 |
| 3 | 0.717 | 0.214 | -22.7 |
| 4 | 0.264 | 0.066 | -78.7 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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