Huebook

Fusilli Tetradic Color Scheme

Five colors arranged by the tetradic rule around Fusilli (#F1E8D6), each snapped to its nearest named color.

#F1E8D6
#D6EFDA
#D2DEF2
#F0D5EA
#F8F4ED

Color names and codes

NameHEXRGBHSLCMYK
Fusilli#F1E8D6241, 232, 21440°, 49%, 89%0, 4, 11, 5
Garden Shed#D6EFDA214, 239, 218130°, 44%, 89%10, 0, 9, 6
Puffy Cloud#D2DEF2210, 222, 242217°, 55%, 89%13, 8, 0, 5
Infatuation#F0D5EA240, 213, 234313°, 47%, 89%0, 11, 3, 6
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F0D5EA on #F8F4ED1.24:1—
Aa #D2DEF2 on #F8F4ED1.24:1—
Aa #F1E8D6 on #F0D5EA1.12:1—
Aa #D6EFDA on #F0D5EA1.12:1—
Aa #F1E8D6 on #D2DEF21.12:1—
Aa #D6EFDA on #D2DEF21.11:1—

CSS variables

:root {
  --color-1: #f1e8d6; /* Fusilli */
  --color-2: #d6efda; /* Garden Shed */
  --color-3: #d2def2; /* Puffy Cloud */
  --color-4: #f0d5ea; /* Infatuation */
  --color-5: #f8f4ed; /* Crystal Cut */
}

Other schemes from Fusilli

More Very Light Orange tetradic palettes

Questions

What colors go with Fusilli?

In a tetradic scheme: Garden Shed (#D6EFDA), Puffy Cloud (#D2DEF2), Infatuation (#F0D5EA), Crystal Cut (#F8F4ED).

What is the hex code of Fusilli?

#F1E8D6.