Huebook

Foundation White Tetradic Color Scheme

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

#EFEEFF
#FFE6F1
#FFFFE5
#E6FDF1
#E6E6FA

Color names and codes

NameHEXRGBHSLCMYK
Foundation White#EFEEFF239, 238, 255244°, 100%, 97%6, 7, 0, 0
Cherubic#FFE6F1255, 230, 241334°, 100%, 95%0, 10, 5, 0
La Luna#FFFFE5255, 255, 22960°, 100%, 95%0, 0, 10, 0
Mint Chiffon#E6FDF1230, 253, 241149°, 85%, 95%9, 0, 5, 1
Cyber Lavender#E6E6FA230, 230, 250240°, 67%, 94%8, 8, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFFFE5 on #E6E6FA1.21:1—
Aa #FFE6F1 on #FFFFE51.16:1—
Aa #E6FDF1 on #E6E6FA1.15:1—
Aa #EFEEFF on #FFFFE51.13:1—
Aa #FFE6F1 on #E6FDF11.10:1—
Aa #EFEEFF on #E6E6FA1.08:1—

CSS variables

:root {
  --color-1: #efeeff; /* Foundation White */
  --color-2: #ffe6f1; /* Cherubic */
  --color-3: #ffffe5; /* La Luna */
  --color-4: #e6fdf1; /* Mint Chiffon */
  --color-5: #e6e6fa; /* Cyber Lavender */
}

Other schemes from Foundation White

More Very Light Blue tetradic palettes

Questions

What colors go with Foundation White?

In a tetradic scheme: Cherubic (#FFE6F1), La Luna (#FFFFE5), Mint Chiffon (#E6FDF1), Cyber Lavender (#E6E6FA).

What is the hex code of Foundation White?

#EFEEFF.