6 colors · #F886AB · #FE8D6F · #FDC453 · #DFDD6C · #A0DDE0 · #9ADBC5
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F886AB | 248 134 171 | 341° 89% 75% | |
| #FE8D6F | 254 141 111 | 13° 99% 72% | |
| #FDC453 | 253 196 83 | 40° 98% 66% | |
| #DFDD6C | 223 221 108 | 59° 64% 65% | |
| #A0DDE0 | 160 221 224 | 183° 51% 75% | |
| #9ADBC5 | 154 219 197 | 160° 47% 73% |
Hex list
#F886AB, #FE8D6F, #FDC453, #DFDD6C, #A0DDE0, #9ADBC5CSS variables
:root {
--tutti-frutti-1: #F886AB;
--tutti-frutti-2: #FE8D6F;
--tutti-frutti-3: #FDC453;
--tutti-frutti-4: #DFDD6C;
--tutti-frutti-5: #A0DDE0;
--tutti-frutti-6: #9ADBC5;
}Tailwind v4
@theme {
--color-tutti-frutti-1: #F886AB;
--color-tutti-frutti-2: #FE8D6F;
--color-tutti-frutti-3: #FDC453;
--color-tutti-frutti-4: #DFDD6C;
--color-tutti-frutti-5: #A0DDE0;
--color-tutti-frutti-6: #9ADBC5;
}JSON
{
"name": "Tutti Frutti",
"colors": [
"#F886AB",
"#FE8D6F",
"#FDC453",
"#DFDD6C",
"#A0DDE0",
"#9ADBC5"
],
"source": "https://huaban.com/pins/3111349123"
}