Material Indigo – Triadic
Explore the triadic color scheme of #3f51b5. Three colors equally spaced on the wheel for vibrant design.
#4051b5
Base
#b54051
#51b540
About Triadic for #3f51b5
A triadic color scheme places three colors at equal 120° intervals on the colour wheel. Starting from #3f51b5 at 231°, the triadic partners fall at approximately 351° and 111°. This creates a balanced yet vibrant scheme. Triadic schemes work for creative portfolios, children's brands, and applications where energy and diversity are desired. Designate one colour as primary and use the other two sparingly as highlights.
Frequently Asked Questions
- What is the triadic of #3f51b5?
- A triadic color scheme places three colors at equal 120° intervals on the colour wheel. Starting from #3f51b5 at 231°, the triadic partners fall at approximately 351° and 111°. This creates a balanced...
- How do I use #3f51b5 triadic colors in CSS?
- Copy the hex values shown above and use them in CSS properties like color, background-color, or border-color. For gradients, use the linear-gradient() syntax provided.