Verdant Leaf Triadic Color Scheme
Five colors arranged by the triadic rule around Verdant Leaf (#817C4A), each snapped to its nearest named color.
#817C4A
#43817A
#754A80
#B3B17B
#2F4F4F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Verdant Leaf | #817C4A | 129, 124, 74 | 55°, 27%, 40% | 0, 4, 43, 49 | |
| Bubble Turquoise | #43817A | 67, 129, 122 | 173°, 32%, 38% | 48, 0, 5, 49 | |
| Lilac Violet | #754A80 | 117, 74, 128 | 288°, 27%, 40% | 9, 42, 0, 50 | |
| Weeping Willow | #B3B17B | 179, 177, 123 | 58°, 27%, 59% | 0, 1, 31, 30 | |
| Dark Slate Grey | #2F4F4F | 47, 79, 79 | 180°, 25%, 25% | 41, 0, 0, 69 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B3B17B on #2F4F4F | 4.04:1 | AA large |
| Aa #754A80 on #B3B17B | 3.11:1 | AA large |
| Aa #817C4A on #2F4F4F | 2.09:1 | — |
| Aa #43817A on #B3B17B | 2.04:1 | — |
| Aa #43817A on #2F4F4F | 1.98:1 | — |
| Aa #817C4A on #B3B17B | 1.93:1 | — |
CSS variables
:root {
--color-1: #817c4a; /* Verdant Leaf */
--color-2: #43817a; /* Bubble Turquoise */
--color-3: #754a80; /* Lilac Violet */
--color-4: #b3b17b; /* Weeping Willow */
--color-5: #2f4f4f; /* Dark Slate Grey */
}Other schemes from Verdant Leaf
- Verdant Leaf Complementary Color Scheme#817C4A#B1A979#4E5180#28314D#7A85AF
- Verdant Leaf Analogous Color Scheme#814D50#80624E#817C4A#69804B#4E8747
- Verdant Leaf Split-complementary Color Scheme#817C4A#466B82#604C81#4E4D2F#6F8DAF
- Verdant Leaf Tetradic Color Scheme#817C4A#4D8064#4E5180#80496E#B3B17B
- Verdant Leaf Monochromatic Color Scheme#271B10#4E4D2F#817C4A#AEA26E#CAC69D
More Dark Yellow triadic palettes
- 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 Verdant Leaf?
In a triadic scheme: Bubble Turquoise (#43817A), Lilac Violet (#754A80), Weeping Willow (#B3B17B), Dark Slate Grey (#2F4F4F).
What is the hex code of Verdant Leaf?
#817C4A.