What is a complementary color?

A complementary color is directly opposite on the color wheel. It creates high contrast and visual interest when used together.

What are analogous colors?

Analogous colors are next to each other on the color wheel (±30°). They create harmonious and pleasing color schemes.

Triadic colors are evenly spaced around the color wheel (120° apart). They provide vibrant contrast while maintaining balance.

HEX is best for web design, RGB for digital design tools, and HSL for easy color adjustments since H, S, and L are intuitive to tweak independently.

Pick colors and convert between RGB, HEX, and HSL formats instantly.

Color Picker

Preview

HEX

RGB

HSL

Complementary

Analogous 1

Analogous 2

Triadic 1

Triadic 2

Click any swatch to use that color.