Practical example
- Input
Base color: #336699; Complementary- Result
#336699 #6699CC #4D331A #996633 #CC9966
Generate analogous, complementary, triadic and monochromatic color palettes. Copy HEX codes and download the palette as CSS variables.
Enter the data and run the tool.
We count which tools are used most, without including entered values or file contents in the statistics. Privacy
Choose a base color and harmony. Palettes do not guarantee accessible contrast: check text and background with the contrast checker.
#336699 → #339966, #339999, #336699, #333399, #663399
Base color: #336699; Complementary#336699
#6699CC
#4D331A
#996633
#CC9966