Moss Gardens Complementary Color Scheme
Five colors arranged by the complementary rule around Moss Gardens (#768B59), each snapped to its nearest named color.
#768B59
#A4BA8A
#6F5390
#4B365F
#A291BA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moss Gardens | #768B59 | 118, 139, 89 | 85°, 22%, 45% | 15, 0, 36, 45 | |
| Forest Tapestry | #A4BA8A | 164, 186, 138 | 87°, 26%, 64% | 12, 0, 26, 27 | |
| Pure Mauve | #6F5390 | 111, 83, 144 | 268°, 27%, 45% | 23, 42, 0, 44 | |
| Advent Purple | #4B365F | 75, 54, 95 | 271°, 28%, 29% | 21, 43, 0, 63 | |
| Yolanda | #A291BA | 162, 145, 186 | 265°, 23%, 65% | 13, 22, 0, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A4BA8A on #4B365F | 5.00:1 | AA |
| Aa #4B365F on #A291BA | 3.66:1 | AA large |
| Aa #A4BA8A on #6F5390 | 3.01:1 | AA large |
| Aa #768B59 on #4B365F | 2.81:1 | — |
| Aa #6F5390 on #A291BA | 2.20:1 | — |
| Aa #768B59 on #A4BA8A | 1.78:1 | — |
CSS variables
:root {
--color-1: #768b59; /* Moss Gardens */
--color-2: #a4ba8a; /* Forest Tapestry */
--color-3: #6f5390; /* Pure Mauve */
--color-4: #4b365f; /* Advent Purple */
--color-5: #a291ba; /* Yolanda */
}Other schemes from Moss Gardens
- Moss Gardens Analogous Color Scheme#916D56#8D8B55#768B59#558D4F#548F6F
- Moss Gardens Triadic Color Scheme#768B59#53778F#8B5776#ACBA8D#3A4E5F
- Moss Gardens Split-complementary Color Scheme#768B59#555A90#8B4F90#505C3A#7A85AF
- Moss Gardens Tetradic Color Scheme#768B59#568E88#6F5390#8E545C#ACBA8D
- Moss Gardens Monochromatic Color Scheme#2F2E1F#505C3A#768B59#9CB08A#C3CDB0
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Moss Gardens?
In a complementary scheme: Forest Tapestry (#A4BA8A), Pure Mauve (#6F5390), Advent Purple (#4B365F), Yolanda (#A291BA).
What is the hex code of Moss Gardens?
#768B59.