Verdant Leaf Complementary Color Scheme
Five colors arranged by the complementary rule around Verdant Leaf (#817C4A), each snapped to its nearest named color.
#817C4A
#B1A979
#4E5180
#28314D
#7A85AF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Verdant Leaf | #817C4A | 129, 124, 74 | 55°, 27%, 40% | 0, 4, 43, 49 | |
| Bamboo Forest | #B1A979 | 177, 169, 121 | 51°, 26%, 58% | 0, 5, 32, 31 | |
| Purple Navy | #4E5180 | 78, 81, 128 | 236°, 24%, 40% | 39, 37, 0, 50 | |
| Blue Lobelia | #28314D | 40, 49, 77 | 225°, 32%, 23% | 48, 36, 0, 70 | |
| Corsican Purple | #7A85AF | 122, 133, 175 | 228°, 25%, 58% | 30, 24, 0, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1A979 on #28314D | 5.39:1 | AA |
| Aa #28314D on #7A85AF | 3.54:1 | AA large |
| Aa #B1A979 on #4E5180 | 3.14:1 | AA large |
| Aa #817C4A on #28314D | 3.00:1 | AA large |
| Aa #4E5180 on #7A85AF | 2.06:1 | — |
| Aa #817C4A on #B1A979 | 1.79:1 | — |
CSS variables
:root {
--color-1: #817c4a; /* Verdant Leaf */
--color-2: #b1a979; /* Bamboo Forest */
--color-3: #4e5180; /* Purple Navy */
--color-4: #28314d; /* Blue Lobelia */
--color-5: #7a85af; /* Corsican Purple */
}Other schemes from Verdant Leaf
- Verdant Leaf Analogous Color Scheme#814D50#80624E#817C4A#69804B#4E8747
- Verdant Leaf Triadic Color Scheme#817C4A#43817A#754A80#B3B17B#2F4F4F
- 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 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 Verdant Leaf?
In a complementary scheme: Bamboo Forest (#B1A979), Purple Navy (#4E5180), Blue Lobelia (#28314D), Corsican Purple (#7A85AF).
What is the hex code of Verdant Leaf?
#817C4A.