Marsh Fog Complementary Color Scheme
Five colors arranged by the complementary rule around Marsh Fog (#C6D8C7), each snapped to its nearest named color.
#C6D8C7
#EFF5F1
#DAC4DC
#BF90BB
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Marsh Fog | #C6D8C7 | 198, 216, 199 | 123°, 19%, 81% | 8, 0, 8, 15 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Simply Lavender | #DAC4DC | 218, 196, 220 | 295°, 26%, 82% | 1, 11, 0, 14 | |
| La la Love | #BF90BB | 191, 144, 187 | 305°, 27%, 66% | 0, 25, 2, 25 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #BF90BB | 2.40:1 | — |
| Aa #BF90BB on #F6F1F4 | 2.37:1 | — |
| Aa #C6D8C7 on #BF90BB | 1.77:1 | — |
| Aa #DAC4DC on #BF90BB | 1.63:1 | — |
| Aa #EFF5F1 on #DAC4DC | 1.47:1 | — |
| Aa #DAC4DC on #F6F1F4 | 1.46:1 | — |
CSS variables
:root {
--color-1: #c6d8c7; /* Marsh Fog */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #dac4dc; /* Simply Lavender */
--color-4: #bf90bb; /* La la Love */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Marsh Fog
- Marsh Fog Analogous Color Scheme#DBDCC4#CEDAC3#C6D8C7#C5DDD0#C5D9DB
- Marsh Fog Triadic Color Scheme#C6D8C7#C7C5DC#DAC7C4#EFF5F1#9791BC
- Marsh Fog Split-complementary Color Scheme#C6D8C7#CEC3DD#D9C4D0#8CBD97#F3F1F3
- Marsh Fog Tetradic Color Scheme#C6D8C7#C3CFDC#DAC4DC#D9D0C2#EFF5F1
- Marsh Fog Monochromatic Color Scheme#699B72#9EBC97#C6D8C7#EFF5F1#EFF5F1
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Marsh Fog?
In a complementary scheme: Heavy Sugar (#EFF5F1), Simply Lavender (#DAC4DC), La la Love (#BF90BB), Grim White (#F6F1F4).
What is the hex code of Marsh Fog?
#C6D8C7.