Split Complementary Palette for #9C27B0
Split complementary uses a base color and the two colors adjacent to its complement. This provides high contrast like complementary schemes but with less tension, offering more creative flexibility.
Palette Colors
Color 1 (Base)
#9C27B0
rgb(156, 39, 176)
hsl(291, 64%, 42%)
Color 2
#80B027
rgb(128, 176, 39)
hsl(81, 64%, 42%)
Color 3
#27B057
rgb(39, 176, 87)
hsl(141, 64%, 42%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #9C27B0;
--palette-2: #80B027;
--palette-3: #27B057;
}Other Harmonies for #9C27B0
Frequently Asked Questions
What is a split complementary color scheme?▾
Split complementary uses a base color and the two colors adjacent to its complement. This provides high contrast like complementary schemes but with less tension, offering more creative flexibility.
How do I create a split complementary palette from #9C27B0?▾
Start with your base color #9C27B0 and apply the split complementary harmony rule. Find the complementary color, then take the two colors 30 degrees to either side of it. The resulting palette is: #9C27B0, #80B027, #27B057.
When should I use a split complementary palette?▾
Split complementary palettes offer contrast with flexibility. They are easier to balance than pure complementary schemes and work well for web designs and presentations.