5 colors · #0A0A0F · #0FF4F9 · #FF2B6E · #8C3BFF · #F9E900
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #0A0A0F | 10 10 15 | 240° 20% 5% | |
| #0FF4F9 | 15 244 249 | 181° 95% 52% | |
| #FF2B6E | 255 43 110 | 341° 100% 58% | |
| #8C3BFF | 140 59 255 | 265° 100% 62% | |
| #F9E900 | 249 233 0 | 56° 100% 49% |
Hex list
#0A0A0F, #0FF4F9, #FF2B6E, #8C3BFF, #F9E900CSS variables
:root {
--night-city-neon-1: #0A0A0F;
--night-city-neon-2: #0FF4F9;
--night-city-neon-3: #FF2B6E;
--night-city-neon-4: #8C3BFF;
--night-city-neon-5: #F9E900;
}Tailwind v4
@theme {
--color-night-city-neon-1: #0A0A0F;
--color-night-city-neon-2: #0FF4F9;
--color-night-city-neon-3: #FF2B6E;
--color-night-city-neon-4: #8C3BFF;
--color-night-city-neon-5: #F9E900;
}JSON
{
"name": "Night City Neon",
"colors": [
"#0A0A0F",
"#0FF4F9",
"#FF2B6E",
"#8C3BFF",
"#F9E900"
],
"source": null
}