Fog Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fog (#D6D7D2), each snapped to its nearest named color.
#D6D7D2
#CBD0DD
#D9CADF
#BBC199
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fog | #D6D7D2 | 214, 215, 210 | 72°, 6%, 83% | 0, 0, 2, 16 | |
| Debonaire | #CBD0DD | 203, 208, 221 | 223°, 21%, 83% | 8, 6, 0, 13 | |
| Hampstead Heath | #D9CADF | 217, 202, 223 | 283°, 25%, 83% | 3, 9, 0, 13 | |
| Beige and Sage | #BBC199 | 187, 193, 153 | 69°, 24%, 68% | 3, 0, 21, 24 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBC199 on #EEF2F3 | 1.66:1 | — |
| Aa #D9CADF on #EEF2F3 | 1.38:1 | — |
| Aa #CBD0DD on #EEF2F3 | 1.37:1 | — |
| Aa #D6D7D2 on #BBC199 | 1.30:1 | — |
| Aa #D6D7D2 on #EEF2F3 | 1.28:1 | — |
| Aa #CBD0DD on #BBC199 | 1.21:1 | — |
CSS variables
:root {
--color-1: #d6d7d2; /* Fog */
--color-2: #cbd0dd; /* Debonaire */
--color-3: #d9cadf; /* Hampstead Heath */
--color-4: #bbc199; /* Beige and Sage */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Fog
- Fog Complementary Color Scheme#D6D7D2#F4F4F0#CFC9DF#A598C4#F3F1F3
- Fog Analogous Color Scheme#DFCFCA#DFD7CA#D6D7D2#D0DDCC#CADECE
- Fog Triadic Color Scheme#D6D7D2#CADBDF#DFCBDA#F4F4F0#9AB8C2
- Fog Tetradic Color Scheme#D6D7D2#C8DDDA#CFC9DF#DFC9D1#F4F4F0
- Fog Monochromatic Color Scheme#8E8E82#B2B3A7#D6D7D2#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 Fog?
In a split-complementary scheme: Debonaire (#CBD0DD), Hampstead Heath (#D9CADF), Beige and Sage (#BBC199), Maui Mist (#EEF2F3).
What is the hex code of Fog?
#D6D7D2.