Triadic Palette for #9C27B0
Triadic colors are evenly spaced around the color wheel (120 degrees apart). They offer strong visual contrast while retaining balance, producing vibrant yet balanced compositions.
Palette Colors
Color 1 (Base)
#9C27B0
rgb(156, 39, 176)
hsl(291, 64%, 42%)
Color 2
#B09B27
rgb(176, 155, 39)
hsl(51, 64%, 42%)
Color 3
#27B09B
rgb(39, 176, 155)
hsl(171, 64%, 42%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #9C27B0;
--palette-2: #B09B27;
--palette-3: #27B09B;
}Other Harmonies for #9C27B0
Frequently Asked Questions
What is a triadic color scheme?▾
Triadic colors are evenly spaced around the color wheel (120 degrees apart). They offer strong visual contrast while retaining balance, producing vibrant yet balanced compositions.
How do I create a triadic palette from #9C27B0?▾
Start with your base color #9C27B0 and apply the triadic harmony rule. Choose two colors each 120 degrees apart on the color wheel. The resulting palette is: #9C27B0, #B09B27, #27B09B.
When should I use a triadic palette?▾
Triadic palettes are ideal for vibrant, balanced designs. Use one color as dominant, and the other two as accents for a dynamic yet harmonious look.