Huebook

Anti-Flash White Analogous Color Scheme

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

#EFF5F1
#F0F4F2
#F2F3F4
#EBF1F5
#F3F1F3

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Heavy Sugar#EFF5F1239, 245, 241140°, 23%, 95%2, 0, 2, 496.5% 0.008 157
Bakery Box#F0F4F2240, 244, 242150°, 15%, 95%2, 0, 1, 496.4% 0.005 165
Anti-Flash White#F2F3F4242, 243, 244210°, 8%, 95%1, 0, 0, 496.4% 0.002 248
Powder White#EBF1F5235, 241, 245204°, 33%, 94%4, 2, 0, 495.5% 0.008 237
Aragonite White#F3F1F3243, 241, 243300°, 8%, 95%0, 1, 0, 596.0% 0.003 326

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EFF5F1 on #EBF1F51.03:1—
Aa #F0F4F2 on #EBF1F51.03:1—
Aa #F2F3F4 on #EBF1F51.03:1—
Aa #EFF5F1 on #F3F1F31.02:1—
Aa #EBF1F5 on #F3F1F31.01:1—
Aa #F0F4F2 on #F3F1F31.01:1—

CSS variables

:root {
  --color-1: #eff5f1; /* Heavy Sugar */
  --color-2: #f0f4f2; /* Bakery Box */
  --color-3: #f2f3f4; /* Anti-Flash White */
  --color-4: #ebf1f5; /* Powder White */
  --color-5: #f3f1f3; /* Aragonite White */
}

Other schemes from Anti-Flash White

More white analogous color schemes

Questions

What colors go with Anti-Flash White?

In a analogous scheme: Heavy Sugar (#EFF5F1), Bakery Box (#F0F4F2), Powder White (#EBF1F5), Aragonite White (#F3F1F3).

What is the hex code of Anti-Flash White?

#F2F3F4.