Shades & Tints
CSS Variables
Color harmonies
- Complementary — opposite on the color wheel
- Analogous — adjacent colors (30° apart)
- Triadic — evenly spaced (120° apart)
- Split Complementary — base + two adjacent to complement
- Monochromatic — different shades of one hue
- Tetradic — four colors (90° apart)
Want to learn more?
Read the complete guide with examples and tips