Click or drag on the wheel to pick a hue. Explore color harmonies and get every code format.
Hue180°
Saturation75%
Lightness50%
#20DFDF
#DF2020
180°
Base
0°
Harmony 1
Selected Color
#20DFDF
HEX
RGB
HSL
CMYK
Export Harmony
Color Harmony Theory
Complementary
Two colors opposite each other on the wheel (180° apart). Creates maximum contrast and visual tension.
Red + Cyan
Analogous
Colors adjacent on the wheel (within 30°). Creates harmonious, soothing combinations found in nature.
Blue + Teal + Green
Triadic
Three colors equally spaced (120° apart). Offers strong visual contrast while retaining balance.
Red + Yellow + Blue
Split Comp.
Base color plus two colors adjacent to its complement (150° and 210°). Less tension than complementary.
Blue + Yellow-Orange + Red-Orange
Tetradic
Four colors forming a rectangle (two complementary pairs). Rich palette needing careful balance.
Red + Green + Blue + Orange
Monochromatic
Variations of a single hue — different saturation and lightness levels. Always harmonious, never clashes.
Light Blue + Blue + Dark Blue
FAQ
What is a color wheel?+
A color wheel is a circular diagram that organizes colors by their hue. It was first developed by Isaac Newton in 1666. The wheel shows relationships between primary, secondary, and tertiary colors, and is the foundation of color theory.
How do I use the color wheel to choose colors?+
Click or drag on the wheel to select a base hue. Then choose a harmony type (complementary, analogous, etc.) to see which colors pair well with your selection. Adjust saturation and lightness with the sliders to fine-tune.
What is the difference between hue, saturation, and lightness?+
Hue is the color itself (0-360° on the wheel). Saturation is the intensity — 100% is vivid, 0% is grey. Lightness is how light or dark — 0% is black, 50% is pure, 100% is white.
Which color harmony should I use?+
Complementary for bold contrast, analogous for subtle harmony, triadic for vibrant variety, monochromatic for elegant simplicity. Choose based on the mood you want to create.