Savage Garden Complementary Color Scheme
Five colors arranged by the complementary rule around Savage Garden (#5C9F59), each snapped to its nearest named color.
#5C9F59
#96C193
#9F5F9F
#673E6E
#CB99C9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Savage Garden | #5C9F59 | 92, 159, 89 | 117°, 28%, 49% | 42, 0, 44, 38 | |
| Velvet Leaf | #96C193 | 150, 193, 147 | 116°, 27%, 67% | 22, 0, 24, 24 | |
| Heath Spotted Orchid | #9F5F9F | 159, 95, 159 | 300°, 25%, 50% | 0, 40, 0, 38 | |
| Majesty | #673E6E | 103, 62, 110 | 291°, 28%, 34% | 6, 44, 0, 57 | |
| Pastel Violet | #CB99C9 | 203, 153, 201 | 302°, 32%, 70% | 0, 25, 1, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #96C193 on #673E6E | 4.15:1 | AA large |
| Aa #673E6E on #CB99C9 | 3.59:1 | AA large |
| Aa #5C9F59 on #673E6E | 2.63:1 | — |
| Aa #96C193 on #9F5F9F | 2.24:1 | — |
| Aa #9F5F9F on #CB99C9 | 1.94:1 | — |
| Aa #9F5F9F on #673E6E | 1.85:1 | — |
CSS variables
:root {
--color-1: #5c9f59; /* Savage Garden */
--color-2: #96c193; /* Velvet Leaf */
--color-3: #9f5f9f; /* Heath Spotted Orchid */
--color-4: #673e6e; /* Majesty */
--color-5: #cb99c9; /* Pastel Violet */
}Other schemes from Savage Garden
- Savage Garden Analogous Color Scheme#9A9959#7F9E5B#5C9F59#589F7E#599C99
- Savage Garden Triadic Color Scheme#5C9F59#50599F#9B555D#9BCB96#3C416A
- Savage Garden Split-complementary Color Scheme#5C9F59#775496#945B7F#4B6E3B#A38BBF
- Savage Garden Tetradic Color Scheme#5C9F59#5D7F9D#9F5F9F#9E7A58#9BCB96
- Savage Garden Monochromatic Color Scheme#2C3D28#4B6E3B#5C9F59#8DBC8A#BBD9BC
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 Savage Garden?
In a complementary scheme: Velvet Leaf (#96C193), Heath Spotted Orchid (#9F5F9F), Majesty (#673E6E), Pastel Violet (#CB99C9).
What is the hex code of Savage Garden?
#5C9F59.