Verdant Leaf Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Verdant Leaf (#817C4A), each snapped to its nearest named color.
#817C4A
#466B82
#604C81
#4E4D2F
#6F8DAF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Verdant Leaf | #817C4A | 129, 124, 74 | 55°, 27%, 40% | 0, 4, 43, 49 | |
| Eames for Blue | #466B82 | 70, 107, 130 | 203°, 30%, 39% | 46, 18, 0, 49 | |
| Sumptuous Purple | #604C81 | 96, 76, 129 | 263°, 26%, 40% | 26, 41, 0, 49 | |
| Umber Shade Wash | #4E4D2F | 78, 77, 47 | 58°, 25%, 25% | 0, 1, 40, 69 | |
| Distant Sky | #6F8DAF | 111, 141, 175 | 212°, 29%, 56% | 37, 19, 0, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4E4D2F on #6F8DAF | 2.52:1 | — |
| Aa #604C81 on #6F8DAF | 2.14:1 | — |
| Aa #817C4A on #4E4D2F | 2.03:1 | — |
| Aa #817C4A on #604C81 | 1.73:1 | — |
| Aa #466B82 on #6F8DAF | 1.66:1 | — |
| Aa #466B82 on #4E4D2F | 1.52:1 | — |
CSS variables
:root {
--color-1: #817c4a; /* Verdant Leaf */
--color-2: #466b82; /* Eames for Blue */
--color-3: #604c81; /* Sumptuous Purple */
--color-4: #4e4d2f; /* Umber Shade Wash */
--color-5: #6f8daf; /* Distant Sky */
}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 Triadic Color Scheme#817C4A#43817A#754A80#B3B17B#2F4F4F
- Verdant Leaf Tetradic Color Scheme#817C4A#4D8064#4E5180#80496E#B3B17B
- Verdant Leaf Monochromatic Color Scheme#271B10#4E4D2F#817C4A#AEA26E#CAC69D
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 Verdant Leaf?
In a split-complementary scheme: Eames for Blue (#466B82), Sumptuous Purple (#604C81), Umber Shade Wash (#4E4D2F), Distant Sky (#6F8DAF).
What is the hex code of Verdant Leaf?
#817C4A.