Tree Hugger Analogous Color Scheme
Five colors arranged by the analogous rule around Tree Hugger (#79774A), each snapped to its nearest named color.
#784848
#7C5F4A
#79774A
#627948
#4C7C4B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cocobolo | #784848 | 120, 72, 72 | 0°, 25%, 38% | 0, 40, 40, 53 | 45.8% 0.066 20 | |
| Rich Walnut | #7C5F4A | 124, 95, 74 | 25°, 25%, 39% | 0, 23, 40, 51 | 50.9% 0.049 57 | |
| Tree Hugger | #79774A | 121, 119, 74 | 57°, 24%, 38% | 0, 2, 39, 53 | 56.0% 0.064 106 | |
| Mown Grass | #627948 | 98, 121, 72 | 88°, 25%, 38% | 19, 0, 40, 53 | 54.5% 0.077 129 | |
| Melbourne | #4C7C4B | 76, 124, 75 | 119°, 25%, 39% | 39, 0, 40, 51 | 53.9% 0.091 144 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #784848 on #79774A | 1.61:1 | — |
| Aa #784848 on #627948 | 1.54:1 | — |
| Aa #784848 on #4C7C4B | 1.52:1 | — |
| Aa #784848 on #7C5F4A | 1.27:1 | — |
| Aa #7C5F4A on #79774A | 1.27:1 | — |
| Aa #7C5F4A on #627948 | 1.21:1 | — |
CSS variables
:root {
--color-1: #784848; /* Cocobolo */
--color-2: #7c5f4a; /* Rich Walnut */
--color-3: #79774a; /* Tree Hugger */
--color-4: #627948; /* Mown Grass */
--color-5: #4c7c4b; /* Melbourne */
}Other schemes from Tree Hugger
- Tree Hugger Complementary Color Scheme#79774A#AAAA77#4C4D78#2A2E4C#777CB0
- 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 analogous color schemes
- 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 Hugger?
In a analogous scheme: Cocobolo (#784848), Rich Walnut (#7C5F4A), Mown Grass (#627948), Melbourne (#4C7C4B).
What is the hex code of Tree Hugger?
#79774A.