6 colors · #F22F91 · #7F01C2 · #420AAC · #4C60FD · #58CEF2 · #B6FFE3
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F22F91 | 242 47 145 | 330° 88% 57% | |
| #7F01C2 | 127 1 194 | 279° 99% 38% | |
| #420AAC | 66 10 172 | 261° 89% 36% | |
| #4C60FD | 76 96 253 | 233° 98% 65% | |
| #58CEF2 | 88 206 242 | 194° 86% 65% | |
| #B6FFE3 | 182 255 227 | 157° 100% 86% |
Hex list
#F22F91, #7F01C2, #420AAC, #4C60FD, #58CEF2, #B6FFE3CSS variables
:root {
--futuristic-1: #F22F91;
--futuristic-2: #7F01C2;
--futuristic-3: #420AAC;
--futuristic-4: #4C60FD;
--futuristic-5: #58CEF2;
--futuristic-6: #B6FFE3;
}Tailwind v4
@theme {
--color-futuristic-1: #F22F91;
--color-futuristic-2: #7F01C2;
--color-futuristic-3: #420AAC;
--color-futuristic-4: #4C60FD;
--color-futuristic-5: #58CEF2;
--color-futuristic-6: #B6FFE3;
}JSON
{
"name": "Futuristic",
"colors": [
"#F22F91",
"#7F01C2",
"#420AAC",
"#4C60FD",
"#58CEF2",
"#B6FFE3"
],
"source": null
}