Triadic Palette for #009688
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)
#009688
rgb(0, 150, 136)
hsl(174, 100%, 29%)
Color 2
#850094
rgb(133, 0, 148)
hsl(294, 100%, 29%)
Color 3
#948500
rgb(148, 133, 0)
hsl(54, 100%, 29%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #009688;
--palette-2: #850094;
--palette-3: #948500;
}Other Harmonies for #009688
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 #009688?▾
Start with your base color #009688 and apply the triadic harmony rule. Choose two colors each 120 degrees apart on the color wheel. The resulting palette is: #009688, #850094, #948500.
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.