Color Harmony Generator
Generate color harmony schemes from a base color — complementary, analogous, triadic, split-complementary and tetradic.
Your file is processed locally in your browser and is not uploaded to our server.
#3fa9f5
Complementary
#3da8f5#f58a3dHow to use Color Harmony Generator
- 1Pick a base color.
- 2Choose a color harmony scheme based on the color wheel.
- 3Copy any of the generated colors.
Frequently asked questions
These are classic color theory relationships based on angles around the color wheel — complementary (opposite), analogous (neighboring), triadic (evenly spaced by 3), and more.
Related tools
Developer
CSS Gradient Generator
Build a linear or radial CSS gradient visually.
Developer
Shades, Tints & Tones Generator
Generate shades, tints and tones from a base color.
Developer
CSS Shadow Generator
Build a CSS box-shadow or text-shadow visually.
Developer
Color Blindness Simulator
Preview an image under simulated color blindness.
Developer
CSS Border Generator
Build a CSS border and border-radius visually.