Fogtown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fogtown (#EEF0E7), each snapped to its nearest named color.
#EEF0E7
#E9E9F0
#ECE7F2
#D0D3B7
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fogtown | #EEF0E7 | 238, 240, 231 | 73°, 23%, 92% | 1, 0, 4, 6 | |
| Diamond Cut | #E9E9F0 | 233, 233, 240 | 240°, 19%, 93% | 3, 3, 0, 6 | |
| Tranquil Eve | #ECE7F2 | 236, 231, 242 | 267°, 30%, 93% | 2, 5, 0, 5 | |
| Aloe Wash | #D0D3B7 | 208, 211, 183 | 66°, 24%, 77% | 1, 0, 13, 17 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D0D3B7 on #EEF2F3 | 1.36:1 | — |
| Aa #EEF0E7 on #D0D3B7 | 1.33:1 | — |
| Aa #E9E9F0 on #D0D3B7 | 1.27:1 | — |
| Aa #ECE7F2 on #D0D3B7 | 1.26:1 | — |
| Aa #ECE7F2 on #EEF2F3 | 1.08:1 | — |
| Aa #E9E9F0 on #EEF2F3 | 1.07:1 | — |
CSS variables
:root {
--color-1: #eef0e7; /* Fogtown */
--color-2: #e9e9f0; /* Diamond Cut */
--color-3: #ece7f2; /* Tranquil Eve */
--color-4: #d0d3b7; /* Aloe Wash */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Fogtown
- Fogtown Complementary Color Scheme#EEF0E7#F4F4F0#E9E9F0#BFB9D4#F3F1F3
- Fogtown Analogous Color Scheme#F0EAE7#F0EDE7#EEF0E7#EAF1E6#E6F0EA
- Fogtown Triadic Color Scheme#EEF0E7#E6EFEF#F1E8EC#F4F4F0#B5CED4
- Fogtown Tetradic Color Scheme#EEF0E7#E6EFEF#E9E9F0#EFE8E8#F4F4F0
- Fogtown Monochromatic Color Scheme#ABB486#D0D3B7#EEF0E7#F4F4F0#F4F4F0
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Fogtown?
In a split-complementary scheme: Diamond Cut (#E9E9F0), Tranquil Eve (#ECE7F2), Aloe Wash (#D0D3B7), Maui Mist (#EEF2F3).
What is the hex code of Fogtown?
#EEF0E7.