Victorian Garden Complementary Color Scheme
Five colors arranged by the complementary rule around Victorian Garden (#558E4C), each snapped to its nearest named color.
#558E4C
#8ABD7B
#824D8F
#59355E
#BD83BE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Victorian Garden | #558E4C | 85, 142, 76 | 112°, 30%, 43% | 40, 0, 46, 44 | |
| Baby Grass | #8ABD7B | 138, 189, 123 | 106°, 33%, 61% | 27, 0, 35, 26 | |
| Voodoo Violet | #824D8F | 130, 77, 143 | 288°, 30%, 43% | 9, 46, 0, 44 | |
| Passion Razz | #59355E | 89, 53, 94 | 293°, 28%, 29% | 5, 44, 0, 63 | |
| Lavender Sweater | #BD83BE | 189, 131, 190 | 299°, 31%, 63% | 1, 31, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8ABD7B on #59355E | 4.60:1 | AA |
| Aa #59355E on #BD83BE | 3.41:1 | AA large |
| Aa #8ABD7B on #824D8F | 2.83:1 | — |
| Aa #558E4C on #59355E | 2.56:1 | — |
| Aa #824D8F on #BD83BE | 2.10:1 | — |
| Aa #558E4C on #8ABD7B | 1.80:1 | — |
CSS variables
:root {
--color-1: #558e4c; /* Victorian Garden */
--color-2: #8abd7b; /* Baby Grass */
--color-3: #824d8f; /* Voodoo Violet */
--color-4: #59355e; /* Passion Razz */
--color-5: #bd83be; /* Lavender Sweater */
}Other schemes from Victorian Garden
- Victorian Garden Analogous Color Scheme#8D844D#738F50#558E4C#478865#4C9085
- Victorian Garden Triadic Color Scheme#558E4C#49548F#914D57#84BE84#33365B
- Victorian Garden Split-complementary Color Scheme#558E4C#6A5287#914E75#305D35#8774B0
- Victorian Garden Tetradic Color Scheme#558E4C#4F738E#824D8F#8E664E#84BE84
- Victorian Garden Monochromatic Color Scheme#1B2B1B#305D35#558E4C#7BB274#A7CCA4
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 Victorian Garden?
In a complementary scheme: Baby Grass (#8ABD7B), Voodoo Violet (#824D8F), Passion Razz (#59355E), Lavender Sweater (#BD83BE).
What is the hex code of Victorian Garden?
#558E4C.