Huebook

White Smoke Triadic Color Scheme

Five colors arranged by the triadic rule around White Smoke (#F5F5F5), each snapped to its nearest named color.

#F5F5F5
#EFF5F1
#EBF1F5
#F4EFEE
#C2DBC6

Color names and codes

NameHEXRGBHSLCMYK
White Smoke#F5F5F5245, 245, 2450°, 0%, 96%0, 0, 0, 4
Heavy Sugar#EFF5F1239, 245, 241140°, 23%, 95%2, 0, 2, 4
Powder White#EBF1F5235, 241, 245204°, 33%, 94%4, 2, 0, 4
Angelic Wings#F4EFEE244, 239, 23810°, 21%, 95%0, 2, 2, 4
Quintessential#C2DBC6194, 219, 198130°, 26%, 81%11, 0, 10, 14

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F5F5F5 on #C2DBC61.35:1—
Aa #EFF5F1 on #C2DBC61.33:1—
Aa #EBF1F5 on #C2DBC61.29:1—
Aa #F4EFEE on #C2DBC61.29:1—
Aa #F5F5F5 on #F4EFEE1.05:1—
Aa #F5F5F5 on #EBF1F51.04:1—

CSS variables

:root {
  --color-1: #f5f5f5; /* White Smoke */
  --color-2: #eff5f1; /* Heavy Sugar */
  --color-3: #ebf1f5; /* Powder White */
  --color-4: #f4efee; /* Angelic Wings */
  --color-5: #c2dbc6; /* Quintessential */
}

Other schemes from White Smoke

More White triadic palettes

Questions

What colors go with White Smoke?

In a triadic scheme: Heavy Sugar (#EFF5F1), Powder White (#EBF1F5), Angelic Wings (#F4EFEE), Quintessential (#C2DBC6).

What is the hex code of White Smoke?

#F5F5F5.