Triadic Palette for #2196F3
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)
#2196F3
rgb(33, 150, 243)
hsl(207, 90%, 54%)
Color 2
#F32094
rgb(243, 32, 148)
hsl(327, 90%, 54%)
Color 3
#94F320
rgb(148, 243, 32)
hsl(87, 90%, 54%)
Export as CSS Variables
CSS Custom Properties
:root {
--palette-1: #2196F3;
--palette-2: #F32094;
--palette-3: #94F320;
}Other Harmonies for #2196F3
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 #2196F3?▾
Start with your base color #2196F3 and apply the triadic harmony rule. Choose two colors each 120 degrees apart on the color wheel. The resulting palette is: #2196F3, #F32094, #94F320.
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.