Complementary Palette for #9C27B0
Complementary colors sit directly opposite each other on the color wheel. They create maximum contrast and visual impact when paired together, making them ideal for call-to-action elements and visual emphasis.
Palette Colors
Color 1 (Base)
#9C27B0
rgb(156, 39, 176)
hsl(291, 64%, 42%)
Color 2
#3BB027
rgb(59, 176, 39)
hsl(111, 64%, 42%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #9C27B0;
--palette-2: #3BB027;
}Other Harmonies for #9C27B0
Frequently Asked Questions
What is a complementary color scheme?▾
Complementary colors sit directly opposite each other on the color wheel. They create maximum contrast and visual impact when paired together, making them ideal for call-to-action elements and visual emphasis.
How do I create a complementary palette from #9C27B0?▾
Start with your base color #9C27B0 and apply the complementary harmony rule. Rotate 180 degrees on the color wheel to find the complement. The resulting palette is: #9C27B0, #3BB027.
When should I use a complementary palette?▾
Complementary palettes are best for creating bold contrast. Use them for CTA buttons, hero sections, and anywhere you want to draw attention.