Huebook

Dr. White Triadic Color Scheme

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

#FAFAFA
#EFF5F1
#EBF1F5
#F4EFEE
#CBDCCB

Color names and codes

NameHEXRGBHSLCMYK
Dr. White#FAFAFA250, 250, 2500°, 0%, 98%0, 0, 0, 2
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
Transparent White#CBDCCB203, 220, 203120°, 20%, 83%8, 0, 8, 14

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FAFAFA on #CBDCCB1.37:1—
Aa #EFF5F1 on #CBDCCB1.30:1—
Aa #EBF1F5 on #CBDCCB1.26:1—
Aa #F4EFEE on #CBDCCB1.26:1—
Aa #FAFAFA on #F4EFEE1.09:1—
Aa #FAFAFA on #EBF1F51.09:1—

CSS variables

:root {
  --color-1: #fafafa; /* Dr. White */
  --color-2: #eff5f1; /* Heavy Sugar */
  --color-3: #ebf1f5; /* Powder White */
  --color-4: #f4efee; /* Angelic Wings */
  --color-5: #cbdccb; /* Transparent White */
}

Other schemes from Dr. White

More White triadic palettes

Questions

What colors go with Dr. White?

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

What is the hex code of Dr. White?

#FAFAFA.