Back to Color Tools
Color Harmonies
Discover perfect color combinations for your design. Find Complementary, Analogous, Triadic, and Tetradic harmonies to create balanced and professional color schemes.
#3b82f6
RGB: 59, 130, 246
HSL: 217°, 91%, 60%
CMYK: 76%, 47%, 0%, 4%
Base Color
Base
#3b82f6
Complementary
Opposite on the wheel.
Comp.
#f6af3c
Analogous
Next to each other.
-30°
#3ce0f6
+30°
#523cf6
Triadic
Evenly spaced (120°).
+120°
#f63c83
+240°
#83f63c
Split Comp.
Adjacent to complement.
+150°
#f6523c
+210°
#e0f63c
Tetradic
Rectangle (90° spacing).
+90°
#f63ce0
+180°
#f6af3c
+270°
#3cf652
Monochromatic
Variations in lightness.
Lighter
#9ec1fa
Darker
#0950c3
About Color Harmonies
This Color Harmonies tool helps designers and developers streamline their workflow. Perfect for creating modern, accessible, and beautiful user interfaces.
Why use this tool?
- Free and runs entirely in your browser.
- Instant preview and code export.
- No installation required.