Mana Tree Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mana Tree (#4F7942), each snapped to its nearest named color.
#4F7942
#564375
#78426F
#36482F
#7761AB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mana Tree | #4F7942 | 79, 121, 66 | 106°, 29%, 37% | 35, 0, 45, 53 | 53.1% 0.095 139 | |
| When Red Met Blue | #564375 | 86, 67, 117 | 263°, 27%, 36% | 26, 43, 0, 54 | 42.5% 0.083 300 | |
| Wood Violet | #78426F | 120, 66, 111 | 310°, 29%, 36% | 0, 45, 7, 53 | 46.1% 0.097 333 | |
| Palm Leaf | #36482F | 54, 72, 47 | 103°, 21%, 23% | 25, 0, 35, 72 | 37.9% 0.047 137 | |
| Genestealer Purple | #7761AB | 119, 97, 171 | 258°, 31%, 53% | 30, 43, 0, 33 | 54.6% 0.114 296 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4F7942 on #36482F | 1.95:1 | — |
| Aa #36482F on #7761AB | 1.92:1 | — |
| Aa #4F7942 on #564375 | 1.69:1 | — |
| Aa #564375 on #7761AB | 1.66:1 | — |
| Aa #4F7942 on #78426F | 1.48:1 | — |
| Aa #78426F on #7761AB | 1.45:1 | — |
CSS variables
:root {
--color-1: #4f7942; /* Mana Tree */
--color-2: #564375; /* When Red Met Blue */
--color-3: #78426f; /* Wood Violet */
--color-4: #36482f; /* Palm Leaf */
--color-5: #7761ab; /* Genestealer Purple */
}Other schemes from Mana Tree
- Mana Tree Complementary Color Scheme#4F7942#78AD6D#68457A#442244#A66FB5
- Mana Tree Analogous Color Scheme#7A6D44#667744#4F7942#407A52#49796B
- Mana Tree Triadic Color Scheme#4F7942#445172#77424E#7CB26E#2A3149
- Mana Tree Tetradic Color Scheme#4F7942#406976#68457A#785240#7CB26E
- Mana Tree Monochromatic Color Scheme#0F180A#36482F#4F7942#74A662#96C193
More dark green split-complementary color schemes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Mana Tree?
In a split-complementary scheme: When Red Met Blue (#564375), Wood Violet (#78426F), Palm Leaf (#36482F), Genestealer Purple (#7761AB).
What is the hex code of Mana Tree?
#4F7942.