Marsh Fog Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Marsh Fog (#C6D8C7), each snapped to its nearest named color.
#699B72
#9EBC97
#C6D8C7
#EFF5F1
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Rosemary Green | #699B72 | 105, 155, 114 | 131°, 20%, 51% | 32, 0, 26, 39 | 64.2% 0.081 149 | |
| Quiet Green | #9EBC97 | 158, 188, 151 | 109°, 22%, 66% | 16, 0, 20, 26 | 76.3% 0.061 140 | |
| Marsh Fog | #C6D8C7 | 198, 216, 199 | 123°, 19%, 81% | 8, 0, 8, 15 | 86.4% 0.030 147 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #699B72 on #EFF5F1 | 2.91:1 | — |
| Aa #699B72 on #EFF5F1 | 2.91:1 | — |
| Aa #699B72 on #C6D8C7 | 2.15:1 | — |
| Aa #9EBC97 on #EFF5F1 | 1.88:1 | — |
| Aa #9EBC97 on #EFF5F1 | 1.88:1 | — |
| Aa #699B72 on #9EBC97 | 1.55:1 | — |
CSS variables
:root {
--color-1: #699b72; /* Rosemary Green */
--color-2: #9ebc97; /* Quiet Green */
--color-3: #c6d8c7; /* Marsh Fog */
--color-4: #eff5f1; /* Heavy Sugar */
--color-5: #eff5f1; /* Heavy Sugar */
}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 Split-complementary Color Scheme#C6D8C7#CEC3DD#D9C4D0#8CBD97#F3F1F3
- Marsh Fog Tetradic Color Scheme#C6D8C7#C3CFDC#DAC4DC#D9D0C2#EFF5F1
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Marsh Fog?
In a monochromatic scheme: Rosemary Green (#699B72), Quiet Green (#9EBC97), Heavy Sugar (#EFF5F1), Heavy Sugar (#EFF5F1).
What is the hex code of Marsh Fog?
#C6D8C7.