5 colors · #00296B · #003F88 · #00509D · #FDC500 · #FFD500
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #00296B | 0 41 107 | 217° 100% 21% | |
| #003F88 | 0 63 136 | 212° 100% 27% | |
| #00509D | 0 80 157 | 209° 100% 31% | |
| #FDC500 | 253 197 0 | 47° 100% 50% | |
| #FFD500 | 255 213 0 | 50° 100% 50% |
Hex list
#00296B, #003F88, #00509D, #FDC500, #FFD500CSS variables
:root {
--midnight-sky-1: #00296B;
--midnight-sky-2: #003F88;
--midnight-sky-3: #00509D;
--midnight-sky-4: #FDC500;
--midnight-sky-5: #FFD500;
}Tailwind v4
@theme {
--color-midnight-sky-1: #00296B;
--color-midnight-sky-2: #003F88;
--color-midnight-sky-3: #00509D;
--color-midnight-sky-4: #FDC500;
--color-midnight-sky-5: #FFD500;
}JSON
{
"name": "Midnight Sky",
"colors": [
"#00296B",
"#003F88",
"#00509D",
"#FDC500",
"#FFD500"
],
"source": "https://coolors.co/palette/00296b-003f88-00509d-fdc500-ffd500"
}