4 colors · #E984A2 · #B9CC95 · #F8D49B · #F8E6CB
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #E984A2 | 233 132 162 | 342° 70% 72% | |
| #B9CC95 | 185 204 149 | 81° 35% 69% | |
| #F8D49B | 248 212 155 | 37° 87% 79% | |
| #F8E6CB | 248 230 203 | 36° 76% 88% |
Hex list
#E984A2, #B9CC95, #F8D49B, #F8E6CBCSS variables
:root {
--fruits-basket-1: #E984A2;
--fruits-basket-2: #B9CC95;
--fruits-basket-3: #F8D49B;
--fruits-basket-4: #F8E6CB;
}Tailwind v4
@theme {
--color-fruits-basket-1: #E984A2;
--color-fruits-basket-2: #B9CC95;
--color-fruits-basket-3: #F8D49B;
--color-fruits-basket-4: #F8E6CB;
}JSON
{
"name": "Fruits Basket",
"colors": [
"#E984A2",
"#B9CC95",
"#F8D49B",
"#F8E6CB"
],
"source": null
}