🎨 Colour Theory Wheel

Generate complementary, triadic, analogous, and split-complementary palettes from any base colour. Click any swatch to copy its hex code.

Base colour

Hex code

Colour scheme

Colour Scheme Guide

🔵🟠 Complementary

Two colours opposite on the wheel. Maximum contrast. Vibrant — can be harsh at full saturation. Best used 80/20.

🔺 Triadic

Three evenly spaced colours (120° apart). Vibrant and balanced. Let one colour dominate, use others as accents.

🌈 Analogous

Three adjacent colours (30° apart). Natural, harmonious, comfortable. Seen in sunsets and nature. Low contrast.

↔️ Split-complementary

Base + two colours adjacent to its complement. High contrast but less tension than complementary. Very popular in design.

⬛ Tetradic / Square

Four colours at 90° intervals. Rich palette but needs careful balance. Let one colour dominate.

📊 Monochromatic

Same hue at different lightness/saturation levels. Elegant and cohesive. Easiest scheme to get right.

🎨 60-30-10 rule: In interior design and graphic design, use your dominant colour 60% of the space, secondary 30%, and accent 10%. This creates balance while allowing the accent to pop.

♿ Colour blindness: ~8% of men have some colour vision deficiency. Avoid relying on red/green alone for meaning. Use tools like the "Deuteranopia" simulation to check accessibility. Blue/orange is the most universally distinguishable pair.