Color Wheel
See where a colour sits on the wheel and what sits near it. The twelve swatches step the hue every 30° while holding your colour's own saturation and lightness — so instead of a generic rainbow you get the wheel as it would actually look in your palette. The harmony rows underneath name the classic relationships with their hex codes.
Hue
262°
0°
#ED3A3A
30°
#ED943A
60°
#EDED3A
90°
#94ED3A
120°
#3AED3A
150°
#3AED94
180°
#3AEDED
210°
#3A94ED
240°
#3A3AED
270°
#943AED
300°
#ED3AED
330°
#ED3A94
- Your colour
- #7C3AED
- Complementary (+180°)
- #ABED3A
- Triadic (+120°)
- #ED7C3A
- Triadic (+240°)
- #3AED7C
- Analogous (−30°)
- #3A52ED
- Analogous (+30°)
- #D53AED
The twelve swatches above hold your colour's saturation and lightness while stepping the hue every 30°, so you can see the whole wheel as it would look in your palette.
Nothing is uploaded — this tool runs inside your browser, so your files never leave your device.
Why use this tool
- Twelve hues rendered at your colour's own saturation and lightness
- Complementary, triadic and analogous partners named with hex codes
- Shows the exact hue angle of your colour
- Free, instant, nothing uploaded
How it works
- 1Enter any colour.
- 2Read its hue angle at the top.
- 3Use the harmony rows to pick partners that work with it.
Color Wheel — frequently asked questions
The position of a colour around the wheel, from 0 to 360 degrees. 0 is red, 120 green, 240 blue. It's the part of a colour people mean when they say 'which colour' as opposed to how bright or how vivid.
More colour tools
Looking for something else? Browse all colour tools
Explore the other tools
Same deal everywhere on the site — free, no sign-up, and no watermark on anything you download.
Or see every tool on one page.