Marsh Fog Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Marsh Fog (#C6D8C7), each snapped to its nearest named color.
#C6D8C7
#CEC3DD
#D9C4D0
#8CBD97
#F3F1F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Marsh Fog | #C6D8C7 | 198, 216, 199 | 123°, 19%, 81% | 8, 0, 8, 15 | |
| Lavender Bliss | #CEC3DD | 206, 195, 221 | 265°, 28%, 82% | 7, 12, 0, 13 | |
| Mauve Organdie | #D9C4D0 | 217, 196, 208 | 326°, 22%, 81% | 0, 10, 4, 15 | |
| Garden Swing | #8CBD97 | 140, 189, 151 | 133°, 27%, 65% | 26, 0, 20, 26 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8CBD97 on #F3F1F3 | 1.90:1 | — |
| Aa #CEC3DD on #F3F1F3 | 1.50:1 | — |
| Aa #D9C4D0 on #F3F1F3 | 1.46:1 | — |
| Aa #C6D8C7 on #8CBD97 | 1.43:1 | — |
| Aa #C6D8C7 on #F3F1F3 | 1.33:1 | — |
| Aa #D9C4D0 on #8CBD97 | 1.30:1 | — |
CSS variables
:root {
--color-1: #c6d8c7; /* Marsh Fog */
--color-2: #cec3dd; /* Lavender Bliss */
--color-3: #d9c4d0; /* Mauve Organdie */
--color-4: #8cbd97; /* Garden Swing */
--color-5: #f3f1f3; /* Aragonite White */
}Other schemes from Marsh Fog
- Marsh Fog Complementary Color Scheme#C6D8C7#EFF5F1#DAC4DC#BF90BB#F6F1F4
- Marsh Fog Analogous Color Scheme#DBDCC4#CEDAC3#C6D8C7#C5DDD0#C5D9DB
- Marsh Fog Triadic Color Scheme#C6D8C7#C7C5DC#DAC7C4#EFF5F1#9791BC
- Marsh Fog Tetradic Color Scheme#C6D8C7#C3CFDC#DAC4DC#D9D0C2#EFF5F1
- Marsh Fog Monochromatic Color Scheme#699B72#9EBC97#C6D8C7#EFF5F1#EFF5F1
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 Marsh Fog?
In a split-complementary scheme: Lavender Bliss (#CEC3DD), Mauve Organdie (#D9C4D0), Garden Swing (#8CBD97), Aragonite White (#F3F1F3).
What is the hex code of Marsh Fog?
#C6D8C7.