Tree Hugger Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tree Hugger (#79774A), each snapped to its nearest named color.
#79774A
#4A657A
#5C457B
#4B492D
#6A8AA4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tree Hugger | #79774A | 121, 119, 74 | 57°, 24%, 38% | 0, 2, 39, 53 | |
| Gloomy Sea | #4A657A | 74, 101, 122 | 206°, 24%, 38% | 39, 17, 0, 52 | |
| In the Vines | #5C457B | 92, 69, 123 | 266°, 28%, 38% | 25, 44, 0, 52 | |
| Tinny Tin | #4B492D | 75, 73, 45 | 56°, 25%, 24% | 0, 3, 40, 71 | |
| Sporty Blue | #6A8AA4 | 106, 138, 164 | 207°, 24%, 53% | 35, 16, 0, 36 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4B492D on #6A8AA4 | 2.53:1 | — |
| Aa #5C457B on #6A8AA4 | 2.23:1 | — |
| Aa #79774A on #4B492D | 1.99:1 | — |
| Aa #79774A on #5C457B | 1.76:1 | — |
| Aa #4A657A on #6A8AA4 | 1.68:1 | — |
| Aa #4A657A on #4B492D | 1.50:1 | — |
CSS variables
:root {
--color-1: #79774a; /* Tree Hugger */
--color-2: #4a657a; /* Gloomy Sea */
--color-3: #5c457b; /* In the Vines */
--color-4: #4b492d; /* Tinny Tin */
--color-5: #6a8aa4; /* Sporty Blue */
}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 Triadic Color Scheme#79774A#487A7B#724C7B#ADAC7C#2D4A4C
- Tree Hugger Tetradic Color Scheme#79774A#4C785C#4C4D78#784A65#ADAC7C
- Tree Hugger Monochromatic Color Scheme#1B1811#4B492D#79774A#A1A46D#C8C197
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 Hugger?
In a split-complementary scheme: Gloomy Sea (#4A657A), In the Vines (#5C457B), Tinny Tin (#4B492D), Sporty Blue (#6A8AA4).
What is the hex code of Tree Hugger?
#79774A.