Color Wheel
This free interactive color wheel helps you build balanced palettes by showing the harmonies that sit around any color you choose — complementary, triadic, analogous, split-complementary, and tetradic. Rotate the wheel, pick a base hue, and instantly see the matching colors with copyable values.
It runs entirely in your browser with no signup and nothing uploaded, so you can explore color theory and assemble schemes privately, on any device.
1. Pick a color
2. Choose a harmony
3. Preview on samples
Harmony handles appear on the wheel. Drag the base color or rotate a harmony handle to explore.
Color palette
Design samples
Modeled on the Sessions College color calculator. Custom mode lets you drag each handle independently (like Canva). CMYK values are approximations — not profile-accurate for print.
How to use the color wheel
Select a base color by clicking or dragging on the wheel, then choose a harmony type. The wheel marks the related colors at the correct angles and lists their values so you can copy each one. Switch between schemes to compare how a tight analogous set feels against a bold complementary pair, then take the combination that fits your project into your design app or CSS.
Use your dominant color for the largest areas, a contrasting harmony color for calls to action, and the remaining hues sparingly as accents. Keeping one color clearly in charge stops a palette from feeling chaotic.
How color harmonies work
Harmonies are relationships defined by position on the wheel. Colors opposite each other create high contrast and energy; colors next to each other feel calm and unified. The classic schemes are simply different ways of spacing your picks around the circle. Understanding the angle behind each one helps you predict the mood before you ever apply it.
| Scheme | How it is built | Feels like |
|---|---|---|
| Complementary | Two colors directly opposite | High contrast, bold, attention-grabbing |
| Analogous | Three neighbors side by side | Calm, cohesive, natural |
| Triadic | Three colors evenly spaced | Vibrant yet balanced |
| Split-complementary | A base plus the two beside its opposite | Strong contrast, softer than complementary |
| Tetradic | Two complementary pairs | Rich and varied, needs careful balance |
When to use each color scheme
Reach for a complementary scheme when you want one element to pop, such as a bright button against a cool background. Analogous palettes suit calm, immersive designs like nature brands or long-form reading. Triadic schemes bring playful energy and work well for illustration and children’s products. Split-complementary gives you the punch of contrast with less tension, making it a safe, versatile choice. Tetradic offers the most variety but demands restraint — let one color dominate and keep the other three as supporting accents so the result stays coherent.
Primary, secondary, and tertiary colors
A traditional artists’ color wheel is built from twelve hues arranged in three tiers. The three primary colors are the foundation and cannot be mixed from other hues. Mixing two primaries in equal amounts gives the three secondary colors, and mixing a primary with the secondary next to it gives the six tertiary colors that sit between them. Understanding these tiers makes the harmony positions on the wheel easier to read.
| Tier | Colors | How they are made |
|---|---|---|
| Primary | Red, Yellow, Blue | Base hues; not mixed from any others |
| Secondary | Orange, Green, Purple | Equal mix of two primaries |
| Tertiary | Red-orange, Yellow-orange, Yellow-green, Blue-green, Blue-purple, Red-purple | A primary mixed with its neighbouring secondary |
Warm vs cool colors
The wheel splits roughly in half into warm and cool families. Warm colors — reds, oranges, and yellows — tend to feel energetic and advance toward the viewer, which makes them useful for calls to action and focal points. Cool colors — greens, blues, and purples — feel calm and recede, so they work well for backgrounds and large supporting areas. Most balanced palettes lean on one temperature and use the other sparingly for contrast.
RYB, RGB, and CMY color wheels
Not every color wheel uses the same primaries, because mixing pigment and mixing light behave differently. The RYB (red, yellow, blue) wheel is the painter’s model and is the one most people picture when they think of color theory. Screens use the RGB (red, green, blue) additive model, where overlapping light creates brighter colors and all three at full strength make white. Printing uses the CMY/CMYK (cyan, magenta, yellow) subtractive model, where inks absorb light and combine toward black. The harmony relationships — opposite, adjacent, evenly spaced — hold on any of these wheels even though the exact complement of a hue shifts between models.
Frequently asked questions
What is a complementary color scheme?
A complementary scheme pairs two colors that sit directly opposite each other on the color wheel, such as blue and orange. The opposition creates strong contrast and visual energy, which is why it works well for highlighting a single important element like a button. Use one as the dominant color and the other as an accent.
What is the difference between analogous and triadic colors?
Analogous colors are three neighbors on the wheel, giving a calm, unified look because they share undertones. Triadic colors are three hues spaced evenly around the wheel, so they contrast more and feel vibrant while staying balanced. Choose analogous for harmony and subtlety, triadic for liveliness with structure.
How many colors should a palette have?
Most effective palettes use three to five colors: one dominant, one or two supporting, and one accent. The color wheel helps you pick combinations that relate by angle, but restraint matters more than quantity. Even a tetradic four-color scheme works best when a single color leads and the rest stay supporting.
What is split-complementary used for?
Split-complementary takes a base color and pairs it with the two colors adjacent to its opposite. You keep the lively contrast of a complementary scheme but reduce the tension, so it is easier to balance. It is a reliable choice for branding and interfaces where you want energy without anything clashing.
Who invented the color wheel?
Isaac Newton is credited with the first color wheel in 1666. He bent the linear spectrum he observed through a prism into a circle so that the two ends, red and violet, met. Later artists and theorists such as Goethe and Johannes Itten expanded on the idea, but Newton’s circular arrangement is the basis for the wheels designers still use today.
What is the difference between the RYB and RGB color wheel?
RYB is a subtractive model based on mixing pigments, with red, yellow, and blue as primaries; it is what artists use for paint. RGB is an additive model based on mixing light, with red, green, and blue as primaries; it is what screens use. Because the primaries differ, complementary pairs differ too — on an RGB wheel red pairs with cyan, while on an RYB wheel red pairs with green.
How many colors are on a standard color wheel?
A standard color wheel shows twelve hues: three primary, three secondary, and six tertiary colors. Many wheels then extend each of these twelve with tints, tones, and shades, fanning outward or inward to show lighter and darker variations, but the twelve pure hues form the core structure used to plan harmonies.
What is a monochromatic color scheme?
A monochromatic scheme uses a single hue and varies only its lightness and saturation to create tints, tones, and shades. Because every color shares the same position on the wheel, the result is naturally cohesive and easy to balance, though it can lack contrast. It is a reliable choice for minimal, elegant designs where you want unity rather than bold color tension.