French Porcelain Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around French Porcelain (#F6F4F6), each snapped to its nearest named color.
#B1A4B4
#D3C9D4
#F6F4F6
#F4F2F4
#F4F2F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midsummer Twilight | #B1A4B4 | 177, 164, 180 | 289°, 10%, 67% | 2, 9, 0, 29 | |
| Orchid Tint | #D3C9D4 | 211, 201, 212 | 295°, 11%, 81% | 0, 5, 0, 17 | |
| French Porcelain | #F6F4F6 | 246, 244, 246 | 300°, 10%, 96% | 0, 1, 0, 4 | |
| White Convolvulus | #F4F2F4 | 244, 242, 244 | 300°, 8%, 95% | 0, 1, 0, 4 | |
| White Convolvulus | #F4F2F4 | 244, 242, 244 | 300°, 8%, 95% | 0, 1, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1A4B4 on #F6F4F6 | 2.17:1 | — |
| Aa #B1A4B4 on #F4F2F4 | 2.13:1 | — |
| Aa #B1A4B4 on #F4F2F4 | 2.13:1 | — |
| Aa #B1A4B4 on #D3C9D4 | 1.48:1 | — |
| Aa #D3C9D4 on #F6F4F6 | 1.47:1 | — |
| Aa #D3C9D4 on #F4F2F4 | 1.44:1 | — |
CSS variables
:root {
--color-1: #b1a4b4; /* Midsummer Twilight */
--color-2: #d3c9d4; /* Orchid Tint */
--color-3: #f6f4f6; /* French Porcelain */
--color-4: #f4f2f4; /* White Convolvulus */
--color-5: #f4f2f4; /* White Convolvulus */
}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 Tetradic Color Scheme#F6F4F6#F6F2F1#EFF5F1#EEF2F3#F6F1F4
More White monochromatic palettes
- Anti-Flash White Monochromatic Color Scheme#9CA9AD#C9CCD2#F2F3F4#F1F3F3#F1F3F3
- Beluga Monochromatic Color Scheme#9BADA8#C8D1CC#EFF2F1#F1F3F3#F1F3F3
- Brilliance Monochromatic Color Scheme#B1B1B1#D8D6D7#FDFDFD#F3F3F2#F3F3F2
- Ceramic Monochromatic Color Scheme#B1FF65#DDFFAA#FCFFF9#F6FFE8#F6FFE8
- Chef’s Hat Monochromatic Color Scheme#A1A4AE#CACED2#F3F4F5#F1F3F3#F1F3F3
- Cloud Break Monochromatic Color Scheme#8866FF#CEAEFA#F6F1FE#F0EBFC#F0EBFC
- Cotton Ball Monochromatic Color Scheme#72A7E1#ABCDEF#F2F7FD#E7EFFB#E7EFFB
- Doctor Monochromatic Color Scheme#ADADAD#D3D3D3#F9F9F9#F3F3F2#F3F3F2
- Dr. White Monochromatic Color Scheme#AEADAD#D4D4D4#FAFAFA#F3F3F2#F3F3F2
- Emptiness Monochromatic Color Scheme#AAC2A1#CCDDCC#FCFDFC#EFF5F1#EFF5F1
- Errigal White Monochromatic Color Scheme#9E9CAB#C9CAD1#F2F2F4#F3F1F3#F3F1F3
- Everlasting Ice Monochromatic Color Scheme#77EEBB#BBEFD3#F6FDFA#E9F9F5#E9F9F5
Questions
What colors go with French Porcelain?
In a monochromatic scheme: Midsummer Twilight (#B1A4B4), Orchid Tint (#D3C9D4), White Convolvulus (#F4F2F4), White Convolvulus (#F4F2F4).
What is the hex code of French Porcelain?
#F6F4F6.