Vineyard Complementary Color Scheme
Five colors arranged by the complementary rule around Vineyard (#819E84), each snapped to its nearest named color.
#819E84
#ADD0B3
#AC74A4
#834D7C
#D3B0CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vineyard | #819E84 | 129, 158, 132 | 126°, 13%, 56% | 18, 0, 16, 38 | |
| Pastel Mint Green | #ADD0B3 | 173, 208, 179 | 130°, 27%, 75% | 17, 0, 14, 18 | |
| Orchid Kiss | #AC74A4 | 172, 116, 164 | 309°, 25%, 56% | 0, 33, 5, 33 | |
| Thistle Mauve | #834D7C | 131, 77, 124 | 308°, 26%, 41% | 0, 41, 5, 49 | |
| Lavender Knoll | #D3B0CE | 211, 176, 206 | 309°, 28%, 76% | 0, 17, 2, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ADD0B3 on #834D7C | 3.75:1 | AA large |
| Aa #834D7C on #D3B0CE | 3.28:1 | AA large |
| Aa #819E84 on #834D7C | 2.16:1 | — |
| Aa #ADD0B3 on #AC74A4 | 2.15:1 | — |
| Aa #AC74A4 on #D3B0CE | 1.88:1 | — |
| Aa #AC74A4 on #834D7C | 1.74:1 | — |
CSS variables
:root {
--color-1: #819e84; /* Vineyard */
--color-2: #add0b3; /* Pastel Mint Green */
--color-3: #ac74a4; /* Orchid Kiss */
--color-4: #834d7c; /* Thistle Mauve */
--color-5: #d3b0ce; /* Lavender Knoll */
}Other schemes from Vineyard
- Vineyard Analogous Color Scheme#A9AD74#88AA77#819E84#75AA94#75A7AD
- Vineyard Triadic Color Scheme#819E84#7C70AA#AA7971#B1D4B7#5A4E88
- Vineyard Split-complementary Color Scheme#819E84#9076AE#AB728D#498555#B8A4C8
- Vineyard Tetradic Color Scheme#819E84#718BAE#AC74A4#AB9673#B1D4B7
- Vineyard Monochromatic Color Scheme#394C3B#5D7759#819E84#AFBEB0#D6E1D8
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Vineyard?
In a complementary scheme: Pastel Mint Green (#ADD0B3), Orchid Kiss (#AC74A4), Thistle Mauve (#834D7C), Lavender Knoll (#D3B0CE).
What is the hex code of Vineyard?
#819E84.