Fogtown Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Fogtown (#EEF0E7), each snapped to its nearest named color.
#ABB486
#D0D3B7
#EEF0E7
#F4F4F0
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Great Green | #ABB486 | 171, 180, 134 | 72°, 23%, 62% | 5, 0, 26, 29 | |
| Aloe Wash | #D0D3B7 | 208, 211, 183 | 66°, 24%, 77% | 1, 0, 13, 17 | |
| Fogtown | #EEF0E7 | 238, 240, 231 | 73°, 23%, 92% | 1, 0, 4, 6 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ABB486 on #F4F4F0 | 1.98:1 | — |
| Aa #ABB486 on #F4F4F0 | 1.98:1 | — |
| Aa #ABB486 on #EEF0E7 | 1.90:1 | — |
| Aa #ABB486 on #D0D3B7 | 1.42:1 | — |
| Aa #D0D3B7 on #F4F4F0 | 1.39:1 | — |
| Aa #D0D3B7 on #F4F4F0 | 1.39:1 | — |
CSS variables
:root {
--color-1: #abb486; /* Great Green */
--color-2: #d0d3b7; /* Aloe Wash */
--color-3: #eef0e7; /* Fogtown */
--color-4: #f4f4f0; /* Classic Chalk */
--color-5: #f4f4f0; /* Classic Chalk */
}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 Split-complementary Color Scheme#EEF0E7#E9E9F0#ECE7F2#D0D3B7#EEF2F3
- Fogtown Tetradic Color Scheme#EEF0E7#E6EFEF#E9E9F0#EFE8E8#F4F4F0
More Very Light Green monochromatic palettes
- 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 Fogtown?
In a monochromatic scheme: Great Green (#ABB486), Aloe Wash (#D0D3B7), Classic Chalk (#F4F4F0), Classic Chalk (#F4F4F0).
What is the hex code of Fogtown?
#EEF0E7.