Analogous Palette for #9C27B0
Analogous colors are adjacent on the color wheel, sharing similar hues. They create harmonious, cohesive designs that feel natural and pleasing to the eye, often found in nature.
Palette Colors
Color 1 (Base)
#5727B0
rgb(87, 39, 176)
hsl(261, 64%, 42%)
Color 2
#9C27B0
rgb(156, 39, 176)
hsl(291, 64%, 42%)
Color 3
#B02780
rgb(176, 39, 128)
hsl(321, 64%, 42%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #5727B0;
--palette-2: #9C27B0;
--palette-3: #B02780;
}Other Harmonies for #9C27B0
Frequently Asked Questions
What is a analogous color scheme?▾
Analogous colors are adjacent on the color wheel, sharing similar hues. They create harmonious, cohesive designs that feel natural and pleasing to the eye, often found in nature.
How do I create a analogous palette from #9C27B0?▾
Start with your base color #9C27B0 and apply the analogous harmony rule. Choose colors 30 degrees to either side on the color wheel. The resulting palette is: #5727B0, #9C27B0, #B02780.
When should I use a analogous palette?▾
Analogous palettes work great for cohesive, calming designs. Use them for backgrounds, dashboards, and designs that need visual flow.