Huebook

Anti-Flash White Tetradic Color Scheme

Five colors arranged by the tetradic rule around Anti-Flash White (#F2F3F4), each snapped to its nearest named color.

#F2F3F4
#F6F1F4
#F6F2F1
#EFF5F1
#EEF2F3

Color names and codes

NameHEXRGBHSLCMYK
Anti-Flash White#F2F3F4242, 243, 244210°, 8%, 95%1, 0, 0, 4
Grim White#F6F1F4246, 241, 244324°, 22%, 95%0, 2, 1, 4
Bright White#F6F2F1246, 242, 24112°, 22%, 95%0, 2, 2, 4
Heavy Sugar#EFF5F1239, 245, 241140°, 23%, 95%2, 0, 2, 4
Maui Mist#EEF2F3238, 242, 243192°, 17%, 94%2, 0, 0, 5

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EFF5F1 on #EEF2F31.02:1—
Aa #F2F3F4 on #EEF2F31.01:1—
Aa #F6F2F1 on #EEF2F31.01:1—
Aa #F6F1F4 on #EFF5F11.01:1—
Aa #F6F1F4 on #EEF2F31.01:1—
Aa #F6F2F1 on #EFF5F11.01:1—

CSS variables

:root {
  --color-1: #f2f3f4; /* Anti-Flash White */
  --color-2: #f6f1f4; /* Grim White */
  --color-3: #f6f2f1; /* Bright White */
  --color-4: #eff5f1; /* Heavy Sugar */
  --color-5: #eef2f3; /* Maui Mist */
}

Other schemes from Anti-Flash White

More White tetradic palettes

Questions

What colors go with Anti-Flash White?

In a tetradic scheme: Grim White (#F6F1F4), Bright White (#F6F2F1), Heavy Sugar (#EFF5F1), Maui Mist (#EEF2F3).

What is the hex code of Anti-Flash White?

#F2F3F4.