Porcelain Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Porcelain (#DDDCDB), each snapped to its nearest named color.
#DDDCDB
#D4E4E5
#D3D4E5
#C9B6A1
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Porcelain | #DDDCDB | 221, 220, 219 | 30°, 3%, 86% | 0, 0, 1, 13 | |
| Waterfront | #D4E4E5 | 212, 228, 229 | 184°, 25%, 86% | 7, 0, 0, 10 | |
| Blushing Lilac | #D3D4E5 | 211, 212, 229 | 237°, 26%, 86% | 8, 7, 0, 10 | |
| Shaggy Dog | #C9B6A1 | 201, 182, 161 | 32°, 27%, 71% | 0, 9, 20, 21 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C9B6A1 on #F0F4F2 | 1.77:1 | — |
| Aa #D4E4E5 on #C9B6A1 | 1.50:1 | — |
| Aa #DDDCDB on #C9B6A1 | 1.43:1 | — |
| Aa #D3D4E5 on #C9B6A1 | 1.34:1 | — |
| Aa #D3D4E5 on #F0F4F2 | 1.32:1 | — |
| Aa #DDDCDB on #F0F4F2 | 1.23:1 | — |
CSS variables
:root {
--color-1: #dddcdb; /* Porcelain */
--color-2: #d4e4e5; /* Waterfront */
--color-3: #d3d4e5; /* Blushing Lilac */
--color-4: #c9b6a1; /* Shaggy Dog */
--color-5: #f0f4f2; /* Bakery Box */
}Other schemes from Porcelain
- Porcelain Complementary Color Scheme#DDDCDB#F6F2F1#D3DDE4#A6B7C8#EEF2F3
- Porcelain Analogous Color Scheme#E6D2DC#E2D4D4#DDDCDB#E6E5D3#DBE5D2
- Porcelain Triadic Color Scheme#DDDCDB#D3E5DB#DED3E6#F6F2F1#A1CCB1
- Porcelain Tetradic Color Scheme#DDDCDB#D2E6D3#D3DDE4#E4D4E2#F6F2F1
- Porcelain Monochromatic Color Scheme#95918C#B7B7B4#DDDCDB#F3F3F2#F3F3F2
More Very Light Gray split-complementary palettes
- Alaska Split-complementary Color Scheme#DADAD1#C9D4E1#D8CBE0#C8C197#EEF2F3
- Apollo Landing Split-complementary Color Scheme#E5E5E1#DCE4E9#E5DBEB#CECDAD#EEF2F3
- Big Fish to Fry Split-complementary Color Scheme#DADBE1#E6DAD6#E1E5D7#A6A8C5#F5F0F1
- Blowing Smoke Split-complementary Color Scheme#D2D1D0#C6DEDF#C7C5DC#C0AD96#F0F4F2
- Chrome Split-complementary Color Scheme#E1DFE1#E0EAD8#D7E7E0#C9A8CE#F4F4F0
- Closet Skeletons Split-complementary Color Scheme#E1DED9#D6E3E7#D6D4E6#CABCA4#F0F4F2
- Coconut Agony Split-complementary Color Scheme#EBE8E7#E4EEEB#E2E6EF#D2BBB2#F0F4F2
- Columbo’s Coat Split-complementary Color Scheme#D0CBCE#C1D8C5#C1D8D9#BA90AD#EFF5F1
- Concrete Split-complementary Color Scheme#D2D1CD#C4D3DC#CBC5D9#BEB394#F1F3F3
- Day on Mercury Split-complementary Color Scheme#D5D2D1#C8DDDA#CACFDC#C1A097#F0F4F2
- Desired Dawn Split-complementary Color Scheme#D8D7D9#E1E2CF#D2E3CC#AF9FCA#F6F4EF
- Diamonds in the Sky Split-complementary Color Scheme#E5E2E1#DCECE7#DCE0EA#CDB3AC#F0F4F2
Questions
What colors go with Porcelain?
In a split-complementary scheme: Waterfront (#D4E4E5), Blushing Lilac (#D3D4E5), Shaggy Dog (#C9B6A1), Bakery Box (#F0F4F2).
What is the hex code of Porcelain?
#DDDCDB.