Tree of Life Analogous Color Scheme
Five colors arranged by the analogous rule around Tree of Life (#595D45), each snapped to its nearest named color.
#66433B
#66543E
#595D45
#4D663E
#336644
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Lab | #66433B | 102, 67, 59 | 11°, 27%, 32% | 0, 34, 42, 60 | |
| Protégé Bronze | #66543E | 102, 84, 62 | 33°, 24%, 32% | 0, 18, 39, 60 | |
| Tree of Life | #595D45 | 89, 93, 69 | 70°, 15%, 32% | 4, 0, 26, 64 | |
| Mountain Forest | #4D663E | 77, 102, 62 | 98°, 24%, 32% | 25, 0, 39, 60 | |
| Forest Serenade | #336644 | 51, 102, 68 | 140°, 33%, 30% | 50, 0, 33, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66433B on #4D663E | 1.35:1 | — |
| Aa #66433B on #336644 | 1.29:1 | — |
| Aa #66433B on #595D45 | 1.27:1 | — |
| Aa #66433B on #66543E | 1.19:1 | — |
| Aa #66543E on #4D663E | 1.13:1 | — |
| Aa #66543E on #336644 | 1.08:1 | — |
CSS variables
:root {
--color-1: #66433b; /* Chocolate Lab */
--color-2: #66543e; /* Protégé Bronze */
--color-3: #595d45; /* Tree of Life */
--color-4: #4d663e; /* Mountain Forest */
--color-5: #336644; /* Forest Serenade */
}Other schemes from Tree of Life
- Tree of Life Complementary Color Scheme#595D45#8C9E5E#463F67#222233#6F63A0
- Tree of Life Triadic Color Scheme#595D45#3D5D64#613A57#95A263#232F36
- Tree of Life Split-complementary Color Scheme#595D45#3D4A67#5D3F6A#333322#5B6E91
- Tree of Life Tetradic Color Scheme#595D45#3E645B#463F67#653C4A#95A263
- Tree of Life Monochromatic Color Scheme#12110E#2E3222#595D45#848667#A7AD8D
More Dark Yellow analogous palettes
- Alligator Analogous Color Scheme#880022#882200#886600#748500#228800
- Augustus Asparagus Analogous Color Scheme#AB250B#AA7711#90AA0B#44AA11#00AA22
- Ayahuasca Vine Analogous Color Scheme#660011#662200#665500#4D6D08#046307
- Bancha Analogous Color Scheme#6D4741#6E5F45#666A47#577042#446D46
- Bay Leaf Analogous Color Scheme#853C47#84563C#86793D#728639#468C3E
- Beat Around the Bush Analogous Color Scheme#6F434A#6D5542#6E6A44#5A6E41#476E42
- BioShock Analogous Color Scheme#991100#995500#889900#339900#009911
- Capers Analogous Color Scheme#8C3F52#84563C#897A3E#728639#528D3C
- Captain Kirk Analogous Color Scheme#991122#994411#9B870C#669900#229911
- Chorus of Frogs Analogous Color Scheme#973A36#996D32#8C9632#559933#3A9234
- Citrus Analogous Color Scheme#BB240C#BD7E08#9FB70A#55BB11#11BB22
- Countryside Analogous Color Scheme#A90308#A75502#A4A404#50A400#00A800
Questions
What colors go with Tree of Life?
In a analogous scheme: Chocolate Lab (#66433B), Protégé Bronze (#66543E), Mountain Forest (#4D663E), Forest Serenade (#336644).
What is the hex code of Tree of Life?
#595D45.