5 colors · #112C70 · #5B58EB · #BB63FF · #56E1E9 · #0A2353
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #112C70 | 17 44 112 | 223° 74% 25% | |
| #5B58EB | 91 88 235 | 241° 79% 63% | |
| #BB63FF | 187 99 255 | 274° 100% 69% | |
| #56E1E9 | 86 225 233 | 183° 77% 63% | |
| #0A2353 | 10 35 83 | 219° 78% 18% |
Hex list
#112C70, #5B58EB, #BB63FF, #56E1E9, #0A2353CSS variables
:root {
--deep-space-1: #112C70;
--deep-space-2: #5B58EB;
--deep-space-3: #BB63FF;
--deep-space-4: #56E1E9;
--deep-space-5: #0A2353;
}Tailwind v4
@theme {
--color-deep-space-1: #112C70;
--color-deep-space-2: #5B58EB;
--color-deep-space-3: #BB63FF;
--color-deep-space-4: #56E1E9;
--color-deep-space-5: #0A2353;
}JSON
{
"name": "Deep Space",
"colors": [
"#112C70",
"#5B58EB",
"#BB63FF",
"#56E1E9",
"#0A2353"
],
"source": "https://www.instagram.com/p/C6qXW6gA79j/"
}