6 colors · #FFADAD · #FFD6A5 · #FDFFB6 · #E4F1EE · #D9EDF8 · #DEDAF4
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FFADAD | 255 173 173 | 0° 100% 84% | |
| #FFD6A5 | 255 214 165 | 33° 100% 82% | |
| #FDFFB6 | 253 255 182 | 62° 100% 86% | |
| #E4F1EE | 228 241 238 | 166° 32% 92% | |
| #D9EDF8 | 217 237 248 | 201° 69% 91% | |
| #DEDAF4 | 222 218 244 | 249° 54% 91% |
Hex list
#FFADAD, #FFD6A5, #FDFFB6, #E4F1EE, #D9EDF8, #DEDAF4CSS variables
:root {
--technicolor-1: #FFADAD;
--technicolor-2: #FFD6A5;
--technicolor-3: #FDFFB6;
--technicolor-4: #E4F1EE;
--technicolor-5: #D9EDF8;
--technicolor-6: #DEDAF4;
}Tailwind v4
@theme {
--color-technicolor-1: #FFADAD;
--color-technicolor-2: #FFD6A5;
--color-technicolor-3: #FDFFB6;
--color-technicolor-4: #E4F1EE;
--color-technicolor-5: #D9EDF8;
--color-technicolor-6: #DEDAF4;
}JSON
{
"name": "Technicolor",
"colors": [
"#FFADAD",
"#FFD6A5",
"#FDFFB6",
"#E4F1EE",
"#D9EDF8",
"#DEDAF4"
],
"source": "https://www.kdesign.co/"
}