French Porcelain Tetradic Color Scheme
Five colors arranged by the tetradic rule around French Porcelain (#F6F4F6), each snapped to its nearest named color.
#F6F4F6
#F6F2F1
#EFF5F1
#EEF2F3
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| French Porcelain | #F6F4F6 | 246, 244, 246 | 300°, 10%, 96% | 0, 1, 0, 4 | |
| Bright White | #F6F2F1 | 246, 242, 241 | 12°, 22%, 95% | 0, 2, 2, 4 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F4F6 on #EEF2F3 | 1.03:1 | — |
| Aa #F6F4F6 on #F6F1F4 | 1.02:1 | — |
| Aa #EFF5F1 on #EEF2F3 | 1.02:1 | — |
| Aa #F6F4F6 on #F6F2F1 | 1.02:1 | — |
| Aa #F6F2F1 on #EEF2F3 | 1.01:1 | — |
| Aa #EFF5F1 on #F6F1F4 | 1.01:1 | — |
CSS variables
:root {
--color-1: #f6f4f6; /* French Porcelain */
--color-2: #f6f2f1; /* Bright White */
--color-3: #eff5f1; /* Heavy Sugar */
--color-4: #eef2f3; /* Maui Mist */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from French Porcelain
- French Porcelain Complementary Color Scheme#F6F4F6#F6F1F4#EFF5F1#C2DBC6#EFF5F1
- French Porcelain Analogous Color Scheme#EBF1F5#F3F1F3#F6F4F6#F5F0F1#F4EFEE
- French Porcelain Triadic Color Scheme#F6F4F6#F6F4EF#F0F4F2#F6F1F4#DBDCC4
- French Porcelain Split-complementary Color Scheme#F6F4F6#F4F4F0#EFF5F1#DAC4DC#F4F4F0
- French Porcelain Monochromatic Color Scheme#B1A4B4#D3C9D4#F6F4F6#F4F2F4#F4F2F4
More White tetradic palettes
- Anti-Flash White Tetradic Color Scheme#F2F3F4#F6F1F4#F6F2F1#EFF5F1#EEF2F3
- Beluga Tetradic Color Scheme#EFF2F1#EBECF5#F5EDED#F5F4ED#F0F4F2
- Brilliance Tetradic Color Scheme#FDFDFD#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- Ceramic Tetradic Color Scheme#FCFFF9#E7FEFF#F0EBFC#FFE6E7#F6FFE8
- Chef’s Hat Tetradic Color Scheme#F3F4F5#F6F1F4#F6F2F1#EFF5F1#EEF2F3
- Cloud Break Tetradic Color Scheme#F6F1FE#FFE7EB#F6FFE8#E7FAFA#F0EBFC
- Cotton Ball Tetradic Color Scheme#F2F7FD#FCEBFA#FBF4E8#EBFCEC#E7EFFB
- Doctor Tetradic Color Scheme#F9F9F9#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- Dr. White Tetradic Color Scheme#FAFAFA#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- Emptiness Tetradic Color Scheme#FCFDFC#EEF2F3#F6F1F4#F6F2F1#EFF5F1
- Errigal White Tetradic Color Scheme#F2F2F4#F5F0F1#F6F4EF#EFF5F1#EBF1F5
- Everlasting Ice Tetradic Color Scheme#F6FDFA#EEE9F9#FCEBF4#FAF9EA#E9F9F5
Questions
What colors go with French Porcelain?
In a tetradic scheme: Bright White (#F6F2F1), Heavy Sugar (#EFF5F1), Maui Mist (#EEF2F3), Grim White (#F6F1F4).
What is the hex code of French Porcelain?
#F6F4F6.