5 colors · #655643 · #80BCA3 · #F6F7BD · #E6AC27 · #BF4D28
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #655643 | 101 86 67 | 34° 20% 33% | |
| #80BCA3 | 128 188 163 | 155° 31% 62% | |
| #F6F7BD | 246 247 189 | 61° 78% 85% | |
| #E6AC27 | 230 172 39 | 42° 79% 53% | |
| #BF4D28 | 191 77 40 | 15° 65% 45% |
Hex list
#655643, #80BCA3, #F6F7BD, #E6AC27, #BF4D28CSS variables
:root {
--headache-1: #655643;
--headache-2: #80BCA3;
--headache-3: #F6F7BD;
--headache-4: #E6AC27;
--headache-5: #BF4D28;
}Tailwind v4
@theme {
--color-headache-1: #655643;
--color-headache-2: #80BCA3;
--color-headache-3: #F6F7BD;
--color-headache-4: #E6AC27;
--color-headache-5: #BF4D28;
}JSON
{
"name": "Headache",
"colors": [
"#655643",
"#80BCA3",
"#F6F7BD",
"#E6AC27",
"#BF4D28"
],
"source": "https://www.colourlovers.com/palette/953498/Headache"
}