5 colors · #2BAF90 · #A1D4B1 · #F1A512 · #DD4111 · #8C0027
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #2BAF90 | 43 175 144 | 166° 61% 43% | |
| #A1D4B1 | 161 212 177 | 139° 37% 73% | |
| #F1A512 | 241 165 18 | 40° 89% 51% | |
| #DD4111 | 221 65 17 | 14° 86% 47% | |
| #8C0027 | 140 0 39 | 343° 100% 27% |
Hex list
#2BAF90, #A1D4B1, #F1A512, #DD4111, #8C0027CSS variables
:root {
--80s-colorslide-1: #2BAF90;
--80s-colorslide-2: #A1D4B1;
--80s-colorslide-3: #F1A512;
--80s-colorslide-4: #DD4111;
--80s-colorslide-5: #8C0027;
}Tailwind v4
@theme {
--color-80s-colorslide-1: #2BAF90;
--color-80s-colorslide-2: #A1D4B1;
--color-80s-colorslide-3: #F1A512;
--color-80s-colorslide-4: #DD4111;
--color-80s-colorslide-5: #8C0027;
}JSON
{
"name": "80s Colorslide",
"colors": [
"#2BAF90",
"#A1D4B1",
"#F1A512",
"#DD4111",
"#8C0027"
],
"source": null
}