# Crimson, indigo and turquoise iridescent glass interface

The Crimson, indigo and turquoise iridescent glass interface brings together red, magenta, blue, and light teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light teal.

- Also called: Tritone pink, purple and light blue angular swatches
- Seed: `kWoF8HRDC60cvudYKrv5KA84`
- Page: https://grabient.com/kWoF8HRDC60cvudYKrv5KA84?style=angularSwatches&steps=6&angle=180
- Drawn as: angular swatches, 6 steps, 180 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 2.8 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 | `#ca6477` | `oklch(62.99% 0.1309 9.84)` | Cherry Fruit | black, 5.6 to 1 |
| 2 | `#a04f8e` | `oklch(54.83% 0.1334 336.42)` | La la Lavender | white, 5.2 to 1 |
| 3 | `#745bb2` | `oklch(53.60% 0.1331 294.56)` | Simply Purple | white, 5.4 to 1 |
| 4 | `#5282cd` | `oklch(60.64% 0.1269 259.51)` | Blue Sonki | black, 5.4 to 1 |
| 5 | `#54aedf` | `oklch(71.64% 0.1118 234.90)` | Cousteau | black, 8.5 to 1 |
| 6 | `#74cadf` | `oklch(79.13% 0.0882 215.56)` | Betsy | black, 11.2 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #ca6477 0.000% 16.667%, #a04f8e 16.667% 33.333%, #745bb2 33.333% 50.000%, #5282cd 50.000% 66.667%, #54aedf 66.667% 83.333%, #74cadf 83.333% 100.000%);
background: conic-gradient(from 180deg, oklch(62.99% 0.1309 9.84) 0.000% 16.667%, oklch(54.83% 0.1334 336.42) 16.667% 33.333%, oklch(53.60% 0.1331 294.56) 33.333% 50.000%, oklch(60.64% 0.1269 259.51) 50.000% 66.667%, oklch(71.64% 0.1118 234.90) 66.667% 83.333%, oklch(79.13% 0.0882 215.56) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.131 | 9.8 |
| 2 | 0.535 | 0.134 | -33.5 |
| 3 | 0.559 | 0.131 | -85.3 |
| 4 | 0.693 | 0.117 | -119.1 |
| 5 | 0.791 | 0.088 | -144.4 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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