This section clearly shows tints (adding pure white) and shades (adding pure black) of the chosen colour, calculated in 10% steps.
Shades
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Tints
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Colour harmonies
Colour harmonies create visually pleasing combinations by selecting hues based on their position on the colour wheel. Each harmony conveys a distinct aesthetic.
Complementary
Pairs a colour with its direct opposite on the colour wheel (180°) for a bold, high-contrast effect.
Split complementary
Uses the base colour with the two colours adjacent to its complement (about 30° from the opposite hue). Offers strong contrast with more flexibility than a standard complementary pair.
Triadic
Includes three colours evenly spaced 120° apart on the colour wheel. For best results, let one colour dominate and use the others as accents.
Analogous
This scheme includes three colours with similar brightness and saturation, spaced 30° apart on the colour wheel. It creates smooth, harmonious transitions.
Monochromatic
Uses variations of a single hue with ±50% brightness adjustment for a subtle, cohesive look.
Tetradic
Combines two complementary pairs spaced 60° on the colour wheel to create a dynamic, balanced palette.