Tree Hugger Complementary Color Scheme
Five colors arranged by the complementary rule around Tree Hugger (#79774A), each snapped to its nearest named color.
#79774A
#AAAA77
#4C4D78
#2A2E4C
#777CB0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tree Hugger | #79774A | 121, 119, 74 | 57°, 24%, 38% | 0, 2, 39, 53 | |
| Cardamom | #AAAA77 | 170, 170, 119 | 60°, 23%, 57% | 0, 0, 30, 33 | |
| Skipper Blue | #4C4D78 | 76, 77, 120 | 239°, 22%, 38% | 37, 36, 0, 53 | |
| Tropical Night Blue | #2A2E4C | 42, 46, 76 | 233°, 29%, 23% | 45, 39, 0, 70 | |
| Ontario Violet | #777CB0 | 119, 124, 176 | 235°, 27%, 58% | 32, 30, 0, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AAAA77 on #2A2E4C | 5.48:1 | AA |
| Aa #2A2E4C on #777CB0 | 3.32:1 | AA large |
| Aa #AAAA77 on #4C4D78 | 3.31:1 | AA large |
| Aa #79774A on #2A2E4C | 2.86:1 | — |
| Aa #4C4D78 on #777CB0 | 2.01:1 | — |
| Aa #79774A on #AAAA77 | 1.92:1 | — |
CSS variables
:root {
--color-1: #79774a; /* Tree Hugger */
--color-2: #aaaa77; /* Cardamom */
--color-3: #4c4d78; /* Skipper Blue */
--color-4: #2a2e4c; /* Tropical Night Blue */
--color-5: #777cb0; /* Ontario Violet */
}Other schemes from Tree Hugger
- Tree Hugger Analogous Color Scheme#784848#7C5F4A#79774A#627948#4C7C4B
- Tree Hugger Triadic Color Scheme#79774A#487A7B#724C7B#ADAC7C#2D4A4C
- 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 complementary palettes
- Alligator Complementary Color Scheme#886600#E1AD01#002288#01153E#0033EE
- Augustus Asparagus Complementary Color Scheme#90AA0B#C9E423#3311AA#120A65#4422EE
- Ayahuasca Vine Complementary Color Scheme#665500#C4A703#001166#01081C#0022CC
- Bancha Complementary Color Scheme#666A47#9BA868#444172#272A3B#786DAA
- Bay Leaf Complementary Color Scheme#86793D#BBA86A#3C4D85#272D4E#6A7DBC
- Beat Around the Bush Complementary Color Scheme#6E6A44#A69D64#43456D#272A3B#6A75AD
- BioShock Complementary Color Scheme#889900#DDFF00#000099#040348#1600FC
- Capers Complementary Color Scheme#897A3E#BBA86A#3A4C88#243256#6A7DBC
- Captain Kirk Complementary Color Scheme#9B870C#EECC11#082599#001155#152EFF
- Chorus of Frogs Complementary Color Scheme#8C9632#BBCC5A#333399#2D135F#6F6ED1
- Citrus Complementary Color Scheme#9FB70A#D5F534#2000B1#130173#4433EE
- Countryside Complementary Color Scheme#A4A404#FFF80A#0504AA#00035B#1C1CF0
Questions
What colors go with Tree Hugger?
In a complementary scheme: Cardamom (#AAAA77), Skipper Blue (#4C4D78), Tropical Night Blue (#2A2E4C), Ontario Violet (#777CB0).
What is the hex code of Tree Hugger?
#79774A.