Tree of Life Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tree of Life (#595D45), each snapped to its nearest named color.
#595D45
#3D4A67
#5D3F6A
#333322
#5B6E91
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tree of Life | #595D45 | 89, 93, 69 | 70°, 15%, 32% | 4, 0, 26, 64 | |
| Sargasso Sea | #3D4A67 | 61, 74, 103 | 221°, 26%, 32% | 41, 28, 0, 60 | |
| Kikyō Purple | #5D3F6A | 93, 63, 106 | 282°, 25%, 33% | 12, 41, 0, 58 | |
| Fuchsia Berries | #333322 | 51, 51, 34 | 60°, 20%, 17% | 0, 0, 33, 80 | |
| Waikawa Grey | #5B6E91 | 91, 110, 145 | 219°, 23%, 46% | 37, 24, 0, 43 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #333322 on #5B6E91 | 2.49:1 | — |
| Aa #595D45 on #333322 | 1.88:1 | — |
| Aa #3D4A67 on #5B6E91 | 1.72:1 | — |
| Aa #5D3F6A on #5B6E91 | 1.71:1 | — |
| Aa #5D3F6A on #333322 | 1.46:1 | — |
| Aa #3D4A67 on #333322 | 1.45:1 | — |
CSS variables
:root {
--color-1: #595d45; /* Tree of Life */
--color-2: #3d4a67; /* Sargasso Sea */
--color-3: #5d3f6a; /* Kikyō Purple */
--color-4: #333322; /* Fuchsia Berries */
--color-5: #5b6e91; /* Waikawa Grey */
}Other schemes from Tree of Life
- Tree of Life Complementary Color Scheme#595D45#8C9E5E#463F67#222233#6F63A0
- Tree of Life Analogous Color Scheme#66433B#66543E#595D45#4D663E#336644
- Tree of Life Triadic Color Scheme#595D45#3D5D64#613A57#95A263#232F36
- 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 split-complementary palettes
- Alligator Split-complementary Color Scheme#886600#006585#220088#3C3005#0099D1
- Augustus Asparagus Split-complementary Color Scheme#90AA0B#0044AA#6611AA#556600#1D5DEC
- Ayahuasca Vine Split-complementary Color Scheme#665500#004466#220066#1F180A#0075B3
- Bancha Split-complementary Color Scheme#666A47#455371#5C4671#3E3D29#5B7A9C
- Bay Leaf Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Beat Around the Bush Split-complementary Color Scheme#6E6A44#435A6F#544173#3E3D29#5A839E
- BioShock Split-complementary Color Scheme#889900#033B9A#5E0092#404C02#0055EE
- Capers Split-complementary Color Scheme#897A3E#3D7188#5B3E90#584C25#5D98B3
- Captain Kirk Split-complementary Color Scheme#9B870C#0A6B92#440099#544E03#1199EE
- Chorus of Frogs Split-complementary Color Scheme#8C9632#2E5894#663399#4B5D16#507BCE
- Citrus Split-complementary Color Scheme#9FB70A#0048BA#6611AA#6A6E09#1F66FF
- Countryside Split-complementary Color Scheme#A4A404#0853A7#5500AA#565C00#0078F8
Questions
What colors go with Tree of Life?
In a split-complementary scheme: Sargasso Sea (#3D4A67), Kikyō Purple (#5D3F6A), Fuchsia Berries (#333322), Waikawa Grey (#5B6E91).
What is the hex code of Tree of Life?
#595D45.