Color Wheel & Harmonies
Create perfect color combinations using the interactive color wheel. Explore scientific color harmonies for your next project.
Drag around to change Hue & Saturation
Color Harmonies
Scientifically calculated color relationships to help you build the perfect palette.
Complementary
High contrast, two colors opposite each other on the color wheel.
Copy HEX
#3B82F6Base
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#898600
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Analogous
Harmonious and soothing, three colors side-by-side.
Copy HEX
#0092EDBase
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#3B82F6
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#A169DF
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Split Complementary
Strong visual contrast with less tension than complementary.
Copy HEX
#3B82F6Base
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#BA7001
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#479413
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Triadic
Balanced and vibrant, three colors evenly spaced.
Copy HEX
#3B82F6Base
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#DB5540
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#009B53
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Tetradic (Rectangle)
Rich and complex, formatted by two complementary pairs.
Copy HEX
#3B82F6Base
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#D44DB0
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#898600
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#009B53
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Square
Evenly spaced four colors, works best if one is dominant.
Copy HEX
#3B82F6Base
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#E64277
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#898600
RGB
HSL
LAB
LCH
OKLAB
OKLCH
Copy HEX
#009D90
RGB
HSL
LAB
LCH
OKLAB
OKLCH