5 colors · #FFFB97 · #FE7F42 · #B32C1A · #7A4B47 · #2A1617
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FFFB97 | 255 251 151 | 58° 100% 80% | |
| #FE7F42 | 254 127 66 | 19° 99% 63% | |
| #B32C1A | 179 44 26 | 7° 75% 40% | |
| #7A4B47 | 122 75 71 | 5° 26% 38% | |
| #2A1617 | 42 22 23 | 357° 31% 13% |
Hex list
#FFFB97, #FE7F42, #B32C1A, #7A4B47, #2A1617CSS variables
:root {
--on-fire-1: #FFFB97;
--on-fire-2: #FE7F42;
--on-fire-3: #B32C1A;
--on-fire-4: #7A4B47;
--on-fire-5: #2A1617;
}Tailwind v4
@theme {
--color-on-fire-1: #FFFB97;
--color-on-fire-2: #FE7F42;
--color-on-fire-3: #B32C1A;
--color-on-fire-4: #7A4B47;
--color-on-fire-5: #2A1617;
}JSON
{
"name": "On Fire",
"colors": [
"#FFFB97",
"#FE7F42",
"#B32C1A",
"#7A4B47",
"#2A1617"
],
"source": "https://www.instagram.com/p/C69DMmqCEIf/"
}