Savage Garden Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Savage Garden (#5C9F59), each snapped to its nearest named color.
#5C9F59
#775496
#945B7F
#4B6E3B
#A38BBF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Savage Garden | #5C9F59 | 92, 159, 89 | 117°, 28%, 49% | 42, 0, 44, 38 | |
| Juneberry | #775496 | 119, 84, 150 | 272°, 28%, 46% | 21, 44, 0, 41 | |
| Immortality | #945B7F | 148, 91, 127 | 322°, 24%, 47% | 0, 39, 14, 42 | |
| Gully Green | #4B6E3B | 75, 110, 59 | 101°, 30%, 33% | 32, 0, 46, 57 | |
| Classic Bouquet | #A38BBF | 163, 139, 191 | 268°, 29%, 65% | 15, 27, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #775496 on #A38BBF | 2.00:1 | — |
| Aa #4B6E3B on #A38BBF | 1.95:1 | — |
| Aa #5C9F59 on #775496 | 1.88:1 | — |
| Aa #5C9F59 on #4B6E3B | 1.83:1 | — |
| Aa #945B7F on #A38BBF | 1.72:1 | — |
| Aa #5C9F59 on #945B7F | 1.61:1 | — |
CSS variables
:root {
--color-1: #5c9f59; /* Savage Garden */
--color-2: #775496; /* Juneberry */
--color-3: #945b7f; /* Immortality */
--color-4: #4b6e3b; /* Gully Green */
--color-5: #a38bbf; /* Classic Bouquet */
}Other schemes from Savage Garden
- Savage Garden Complementary Color Scheme#5C9F59#96C193#9F5F9F#673E6E#CB99C9
- Savage Garden Analogous Color Scheme#9A9959#7F9E5B#5C9F59#589F7E#599C99
- Savage Garden Triadic Color Scheme#5C9F59#50599F#9B555D#9BCB96#3C416A
- Savage Garden Tetradic Color Scheme#5C9F59#5D7F9D#9F5F9F#9E7A58#9BCB96
- Savage Garden Monochromatic Color Scheme#2C3D28#4B6E3B#5C9F59#8DBC8A#BBD9BC
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Savage Garden?
In a split-complementary scheme: Juneberry (#775496), Immortality (#945B7F), Gully Green (#4B6E3B), Classic Bouquet (#A38BBF).
What is the hex code of Savage Garden?
#5C9F59.