Huebook

French Porcelain Triadic Color Scheme

Five colors arranged by the triadic rule around French Porcelain (#F6F4F6), each snapped to its nearest named color.

#F6F4F6
#F6F4EF
#F0F4F2
#F6F1F4
#DBDCC4

Color names and codes

NameHEXRGBHSLCMYK
French Porcelain#F6F4F6246, 244, 246300°, 10%, 96%0, 1, 0, 4
The Speed of Light#F6F4EF246, 244, 23943°, 28%, 95%0, 1, 3, 4
Bakery Box#F0F4F2240, 244, 242150°, 15%, 95%2, 0, 1, 4
Grim White#F6F1F4246, 241, 244324°, 22%, 95%0, 2, 1, 4
Slow Dance#DBDCC4219, 220, 19663°, 26%, 82%0, 0, 11, 14

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F6F4F6 on #DBDCC41.28:1—
Aa #F6F4EF on #DBDCC41.27:1—
Aa #F0F4F2 on #DBDCC41.26:1—
Aa #F6F1F4 on #DBDCC41.25:1—
Aa #F6F4F6 on #F6F1F41.02:1—
Aa #F6F4EF on #F6F1F41.02:1—

CSS variables

:root {
  --color-1: #f6f4f6; /* French Porcelain */
  --color-2: #f6f4ef; /* The Speed of Light */
  --color-3: #f0f4f2; /* Bakery Box */
  --color-4: #f6f1f4; /* Grim White */
  --color-5: #dbdcc4; /* Slow Dance */
}

Other schemes from French Porcelain

More White triadic palettes

Questions

What colors go with French Porcelain?

In a triadic scheme: The Speed of Light (#F6F4EF), Bakery Box (#F0F4F2), Grim White (#F6F1F4), Slow Dance (#DBDCC4).

What is the hex code of French Porcelain?

#F6F4F6.