Savage Garden Triadic Color Scheme
Five colors arranged by the triadic rule around Savage Garden (#5C9F59), each snapped to its nearest named color.
#5C9F59
#50599F
#9B555D
#9BCB96
#3C416A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Savage Garden | #5C9F59 | 92, 159, 89 | 117°, 28%, 49% | 42, 0, 44, 38 | |
| Purple Frenzy | #50599F | 80, 89, 159 | 233°, 33%, 47% | 50, 44, 0, 38 | |
| Cuban Rhythm | #9B555D | 155, 85, 93 | 353°, 29%, 47% | 0, 45, 40, 39 | |
| Kettle Drum | #9BCB96 | 155, 203, 150 | 114°, 34%, 69% | 24, 0, 26, 20 | |
| Gloomy Blue | #3C416A | 60, 65, 106 | 233°, 28%, 33% | 43, 39, 0, 58 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9BCB96 on #3C416A | 5.28:1 | AA |
| Aa #50599F on #9BCB96 | 3.48:1 | AA large |
| Aa #5C9F59 on #3C416A | 3.04:1 | AA large |
| Aa #9B555D on #9BCB96 | 2.95:1 | — |
| Aa #5C9F59 on #50599F | 2.01:1 | — |
| Aa #9B555D on #3C416A | 1.79:1 | — |
CSS variables
:root {
--color-1: #5c9f59; /* Savage Garden */
--color-2: #50599f; /* Purple Frenzy */
--color-3: #9b555d; /* Cuban Rhythm */
--color-4: #9bcb96; /* Kettle Drum */
--color-5: #3c416a; /* Gloomy Blue */
}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 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 triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Savage Garden?
In a triadic scheme: Purple Frenzy (#50599F), Cuban Rhythm (#9B555D), Kettle Drum (#9BCB96), Gloomy Blue (#3C416A).
What is the hex code of Savage Garden?
#5C9F59.