Ask two people what colour is opposite blue and you can get two confident, contradictory answers. An art teacher says orange. A front-end developer says yellow. Neither is being careless — they are reading two different wheels.
(Color wheel theory and colour wheel theory are the same subject — this piece uses both spellings because both get searched.)
Colour wheel theory is usually taught as though there is one wheel and one set of rules. There is not. There are at least two in daily use, they disagree about the thing people most often want from a wheel, and the disagreement has a physical cause worth understanding.
What the Wheel Is Actually Claiming
A color wheel makes one claim: that hue is circular. Red shades into orange, orange into yellow, and if you keep going you eventually arrive back at red without ever passing through a gap.
That is a genuinely strange claim, because the light itself is not circular. The visible spectrum is a straight line from about 380 nanometres at the violet end to 700 at the red end. Nothing in the physics bends it into a loop.
The loop comes from us. Magenta — the colour that closes the circle between violet and red — has no wavelength at all. There is no such thing as magenta light. It is what your brain produces when the red and blue receptors fire together and the green one stays quiet. The wheel is a diagram of human perception, not of light, and every argument about it downstream is really an argument about which model of perception you are using.
Newton Made It Seven Because of Music
Isaac Newton drew the first colour circle in Opticks in 1704, and he divided it into seven: red, orange, yellow, green, blue, indigo, violet.
Seven is not what the eye reports. Most people cannot reliably separate indigo from blue and violet, and orange sits comfortably between red and yellow without needing its own name. Newton added those two divisions because he believed colour and music shared a hidden order, and he wanted his circle to have the same number of steps as the diatonic scale.
So the schoolroom rainbow has seven colours for a reason that has nothing to do with vision. It is a good early warning about colour wheel theory in general: a lot of what gets taught as fact is a convention someone chose, and conventions survive because they are repeated, not because they are correct.
Why the Primary Colours Are Not Primary
The color wheel primary colors most people learn are red, yellow and blue — the RYB wheel. Everything else on it is built from those three:
- Primary — red, yellow, blue. Supposedly unmixable.
- Secondary — orange, green, violet. Each one mixed from two primaries.
- Tertiary — red-orange, yellow-orange, yellow-green, blue-green, blue-violet, red-violet. Each mixed from a primary and its neighbouring secondary.
That color wheel primary secondary tertiary structure is tidy and it is how the twelve-colour wheel gets built. The problem is the first line.
Red, yellow and blue are not the true subtractive primaries. The actual three are cyan, magenta and yellow — which is why every colour printer in the world loads CMYK ink and not RYB. Mixing cyan and magenta gives a clean blue. Mixing RYB red and blue gives a muddy purple, because RYB red is already absorbing part of the blue you are trying to keep.
This is not a small correction. A palette built from RYB primaries cannot reach large parts of the colour space at all — the bright turquoises and clean magentas simply are not available, no matter how carefully you mix. Anyone who has tried to match a vivid teal with a school paint set has met this limit without being told what it was.
The Twelve-Colour Wheel
The color wheel 12 colors arrangement — three primary, three secondary, six tertiary — is the one taught in most art classes, popularised by Johannes Itten at the Bauhaus. A colour wheel of 12 colours is just the RYB circle cut into even 30° steps:
| Step | Colour | Type |
|---|---|---|
| 0° | Red | Primary |
| 30° | Red-Orange | Tertiary |
| 60° | Orange | Secondary |
| 90° | Yellow-Orange | Tertiary |
| 120° | Yellow | Primary |
| 150° | Yellow-Green | Tertiary |
| 180° | Green | Secondary |
| 210° | Blue-Green | Tertiary |
| 240° | Blue | Primary |
| 270° | Blue-Violet | Tertiary |
| 300° | Violet | Secondary |
| 330° | Red-Violet | Tertiary |
Notice that the spacing is even but the perception is not. The jump from red to red-orange is far more visible than the jump from blue to blue-violet, because human hue discrimination is not uniform — we separate hues finely in the yellow-green region and coarsely in the blues. The wheel draws twelve equal slices of something that is not equally divided.
So What Is Opposite Blue?
Here is where the two wheels actually break apart. Searching for color wheel opposite colors or colour wheel complementary gets you a different answer depending on which wheel answered:
| Colour | RYB wheel says | RGB wheel says |
|---|---|---|
| Blue | Orange | Yellow #FFFF00 |
| Red | Green | Cyan #00FFFF |
| Yellow | Violet | Blue #0000FF |
| Green | Red | Magenta #FF00FF |
Not one row agrees. Every design tool that outputs hex codes uses the RGB column, because it is rotating hue by 180° in a colour space built for screens. Every art class uses the RYB column.
This is why two color wheel combinations generated from the same starting colour by two different tools can look nothing alike, and why a scheme that felt right on paper can feel wrong on screen. They are not the same operation.
A Five-Second Test That Settles It
There is a way to ask your own visual system which wheel it is running, and it takes almost no time.
Stare at a saturated blue square for about twenty seconds without moving your eyes, then look at a blank white wall. You will see a ghost square in the opposite colour.
It comes back yellow. Not orange.
That is the RGB column, not the RYB one, and it happens because of how the eye is wired. Signals from the three cone types are recombined into opponent channels — one carrying red against green, another carrying blue against yellow. Fatigue one side of a channel and the other side shows through. Blue and yellow are genuine opposites in your head; blue and orange are opposites only in a paint convention.
Warm and Cool Is Not Arbitrary
The circle splits into a warm half — reds, oranges, yellows — and a cool half of greens, blues and violets. It sounds like a poetic label, but it produces a measurable effect.
Warm colours appear to advance and cool colours to recede, even when they are matched for brightness. Painters exploited this for centuries before anyone could explain it: warm foreground, cool distance, and the flat canvas acquires depth without a single line of perspective.
The useful consequence is that color wheel cool and warm placement gives you a second axis of separation on top of hue and brightness. Two colours of similar lightness will still read as foreground and background if one is warm and one is cool.
Which Wheel Should You Use?
The honest answer is that it depends entirely on what comes out at the end.
- Pixels out? Use the RGB wheel. Screens emit light additively, hex codes describe that light, and the complements it gives you match what your eye actually does.
- Ink out? Use CMYK, not RYB. It is what the press will use anyway, and the gamut is far wider than the three-primary art wheel.
- Paint out? RYB is fine, because it models the specific limitation you are working inside — a small set of physical pigments that behave the way the wheel predicts.
What does not work is mixing the models: taking a complement from the art wheel and expecting it to be the strongest contrast on a screen, or taking an RGB complement and expecting to mix it from a tube.
The Color Wheel on CodBolt uses the RGB model and returns hex, RGB and HSL for every point, alongside complementary, split-complementary, analogous, triadic, tetradic and square harmonies. It also shows the classic twelve-colour arrangement, so you can see both conventions side by side rather than picking one on faith.