Analogous Palette for #009688
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)
#00943B
rgb(0, 148, 59)
hsl(144, 100%, 29%)
Color 2
#009688
rgb(0, 150, 136)
hsl(174, 100%, 29%)
Color 3
#005994
rgb(0, 89, 148)
hsl(204, 100%, 29%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #00943B;
--palette-2: #009688;
--palette-3: #005994;
}Other Harmonies for #009688
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 #009688?▾
Start with your base color #009688 and apply the analogous harmony rule. Choose colors 30 degrees to either side on the color wheel. The resulting palette is: #00943B, #009688, #005994.
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.