Color Wheel
Click anywhere on the color wheel to select a base hue and saturation. Choose a harmony mode to see the matching colors. You can also type a HEX value directly.
Understanding the Color Wheel
The color wheel arranges hues in a circle: red at 0°, yellow at 60°, green at 120°, cyan at 180°, blue at 240°, and magenta at 300°. Colors opposite each other are complements; adjacent colors are analogous.
Click closer to the center for less saturated (more muted) colors. Click near the edge for full saturation.
Harmony Types
Complementary: Two colors 180° apart. Analogous: Three colors within 30° of each other. Triadic: Three colors 120° apart. Tetradic: Four colors 90° apart. Split-complementary: Base color plus the two colors adjacent to its complement.