Tree Hugger Triadic Color Scheme
Five colors arranged by the triadic rule around Tree Hugger (#79774A), each snapped to its nearest named color.
#79774A
#487A7B
#724C7B
#ADAC7C
#2D4A4C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tree Hugger | #79774A | 121, 119, 74 | 57°, 24%, 38% | 0, 2, 39, 53 | 56.0% 0.064 106 | |
| Lucky Shamrock | #487A7B | 72, 122, 123 | 181°, 26%, 38% | 41, 1, 0, 52 | 54.5% 0.054 197 | |
| Cabbage Blossom Violet | #724C7B | 114, 76, 123 | 289°, 24%, 39% | 7, 38, 0, 52 | 47.7% 0.086 320 | |
| Stuffed Olive | #ADAC7C | 173, 172, 124 | 59°, 23%, 58% | 0, 1, 28, 32 | 73.3% 0.065 107 | |
| Delta Green | #2D4A4C | 45, 74, 76 | 184°, 26%, 24% | 41, 3, 0, 70 | 38.7% 0.035 201 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ADAC7C on #2D4A4C | 4.09:1 | AA large |
| Aa #724C7B on #ADAC7C | 2.95:1 | — |
| Aa #79774A on #2D4A4C | 2.07:1 | — |
| Aa #487A7B on #ADAC7C | 2.06:1 | — |
| Aa #487A7B on #2D4A4C | 1.98:1 | — |
| Aa #79774A on #ADAC7C | 1.97:1 | — |
CSS variables
:root {
--color-1: #79774a; /* Tree Hugger */
--color-2: #487a7b; /* Lucky Shamrock */
--color-3: #724c7b; /* Cabbage Blossom Violet */
--color-4: #adac7c; /* Stuffed Olive */
--color-5: #2d4a4c; /* Delta Green */
}Other schemes from Tree Hugger
- Tree Hugger Complementary Color Scheme#79774A#AAAA77#4C4D78#2A2E4C#777CB0
- Tree Hugger Analogous Color Scheme#784848#7C5F4A#79774A#627948#4C7C4B
- Tree Hugger Split-complementary Color Scheme#79774A#4A657A#5C457B#4B492D#6A8AA4
- Tree Hugger Tetradic Color Scheme#79774A#4C785C#4C4D78#784A65#ADAC7C
- Tree Hugger Monochromatic Color Scheme#1B1811#4B492D#79774A#A1A46D#C8C197
More dark yellow triadic color schemes
- Alligator Triadic Color Scheme#886600#008664#660088#F2B400#003833
- Augustus Asparagus Triadic Color Scheme#90AA0B#0090AD#AA1188#D5F534#005160
- Ayahuasca Vine Triadic Color Scheme#665500#006655#550066#CCAA00#0E191C
- Bancha Triadic Color Scheme#666A47#456F6E#73486B#A1A46D#273E3E
- Bay Leaf Triadic Color Scheme#86793D#368976#723F89#BBAB6D#234E4D
- Beat Around the Bush Triadic Color Scheme#6E6A44#456F6E#724770#AEA26E#273E3E
- BioShock Triadic Color Scheme#889900#008997#990088#E3FF00#00494E
- Capers Triadic Color Scheme#897A3E#38887F#723F89#BDAA6F#234E4D
- Captain Kirk Triadic Color Scheme#9B870C#129C8B#880099#F0D31E#015348
- Chorus of Frogs Triadic Color Scheme#8C9632#388D95#943589#C5D061#19565E
- Citrus Triadic Color Scheme#9FB70A#009CB7#BB0099#D5F534#00606F
- Countryside Triadic Color Scheme#A4A404#00A4A6#AA00AA#FFF917#045C5A
Questions
What colors go with Tree Hugger?
In a triadic scheme: Lucky Shamrock (#487A7B), Cabbage Blossom Violet (#724C7B), Stuffed Olive (#ADAC7C), Delta Green (#2D4A4C).
What is the hex code of Tree Hugger?
#79774A.