Acid-Base
Acid–Base Indicators
Dyes that change color at a pH threshold
An acid–base indicator is a weak organic dye whose protonated form (HIn) and conjugate-base form (In⁻) are different colors, so a solution visibly changes color as pH crosses the indicator's pKa. Because the dye is itself a conjugate acid–base pair, it obeys Henderson–Hasselbalch: pH = pKa + log([In⁻]/[HIn]). The eye sees a single color once one form outnumbers the other roughly 10:1, so the transition spans about pKa ± 1 — a ~2-unit pH window. Common dyes: methyl orange (pKa 3.7, red→yellow), bromothymol blue (pKa 7.1, yellow→blue), and phenolphthalein (pKa 9.4, colorless→pink). In a titration you pick an indicator whose range straddles the equivalence-point pH, so the endpoint flips within a fraction of a drop. Universal indicator blends several dyes into a continuous spectrum from red (acidic) to violet (basic).
- What it isWeak dye, HIn ⇌ In⁻ + H⁺
- Transition rangepKa ± 1 (≈ 2 pH units)
- Methyl orangepKa 3.7 · red→yellow (3.1–4.4)
- Bromothymol bluepKa 7.1 · yellow→blue (6.0–7.6)
- PhenolphthaleinpKa 9.4 · colorless→pink (8.2–10.0)
- Working dose2–3 drops; ≈10⁻⁵ M in flask
Interactive visualization
Press play, or step through manually. The visualization is yours to drive — try it before reading on.
Watch the 60-second explainer
A condensed visual walkthrough — narrated, captioned, under a minute.
What an indicator really is
An acid–base indicator is nothing more exotic than a weak acid (or weak base) that happens to be colored differently in its two protonation states. Write the dye as HIn. It dissociates exactly like any other weak acid:
HIn (color A) ⇌ H⁺ + In⁻ (color B)
The acid form HIn has one color; the conjugate base In⁻ has another. Adding acid pushes the equilibrium left (more HIn, color A); adding base consumes H⁺ and pulls it right (more In⁻, color B). The indicator therefore reports the hydrogen-ion activity of the surrounding solution by shifting its own equilibrium — it is a chemical thermometer for pH.
Because the indicator is itself a conjugate acid–base pair, its position is governed by an equilibrium constant, the indicator dissociation constant KIn:
KIn = [H⁺][In⁻] / [HIn], so pH = pKIn + log([In⁻]/[HIn])
That is the Henderson–Hasselbalch equation written for the dye. It is the single most important relationship in the topic, because it tells you exactly where the color flips: when [In⁻] = [HIn], the log term is zero and pH = pKIn. The midpoint of the visible color change is, to good approximation, the indicator's pKa.
Why the change spans about two pH units
The color does not flip instantaneously at pH = pKa. Both HIn and In⁻ are always present; what changes is their ratio. The human eye stops distinguishing the minority form once it is outnumbered roughly 10:1. Plug that into Henderson–Hasselbalch:
- When [HIn]/[In⁻] = 10/1, the solution looks like pure color A. That is pH = pKa − 1.
- When [In⁻]/[HIn] = 10/1, the solution looks like pure color B. That is pH = pKa + 1.
So the perceptible transition interval is pKa ± 1, about 2 pH units wide. At the exact midpoint the two forms are 50/50 and you see the intermediate blend — orange for methyl orange (between its red and yellow), pale green for bromothymol blue (between yellow and blue). This ±1 rule is why tables list, say, methyl orange's range as 3.1–4.4 rather than a single number: the listed pKa is 3.7, and 3.7 ± ~0.7 brackets the eye-resolvable window (the exact width depends on the molar absorptivities of the two forms, which are rarely equal).
The molecular mechanism: conjugation and the HOMO–LUMO gap
Color in an organic dye comes from a chromophore — an extended system of conjugated π bonds. Visible photons (roughly 1.8–3.1 eV, or 400–700 nm) get absorbed when their energy matches the gap between the highest occupied and lowest unoccupied molecular orbital (the HOMO–LUMO gap). The longer and more delocalized the conjugation, the smaller that gap, the longer the wavelength absorbed, and the more "red-shifted" the color. What we see is the complementary color of what is absorbed (this is the same Beer–Lambert / UV–Vis physics that underlies any colored solution).
Protonation or deprotonation changes the conjugation. Phenolphthalein is the textbook case. Below pH 8 it is a colorless lactone: a five-membered ring closes off the central carbon, breaking the conjugation between the aromatic rings, so the absorption sits in the UV and the molecule looks colorless. Add base and two phenolic OH groups lose their protons (around pKa 9.4) while the lactone ring opens, generating a doubly-charged quinoid structure with one fully conjugated, planar π system spanning all three rings. That long conjugation drops the HOMO–LUMO gap so the dye now absorbs green light near 553 nm and transmits magenta-pink. Push past pH ~13 and a third hydroxide adds to the central carbon, forming a colorless carbinol — which is why very strong base makes the pink fade again, a classic exam "trap."
Methyl orange is an azo dye (–N=N–). Its color arises from the azo chromophore conjugated into two rings. In acid the azo nitrogen is protonated, forming a resonance-stabilized azonium/quinoid cation that absorbs longer-wavelength light and looks red; deprotonation returns the neutral azo form that looks yellow. In both phenolphthalein and methyl orange the chemistry is the same in spirit: gaining or losing a proton rewires the conjugated system and shifts the absorption band across the visible spectrum.
The standard toolkit
A handful of dyes cover the whole pH range. Choosing among them is mostly a matter of matching pKa to the pH you care about.
| Indicator | pKa (≈) | Transition range | Acid color → base color | Chromophore class |
|---|---|---|---|---|
| Thymol blue (1st) | 1.7 | 1.2–2.8 | red → yellow | sulfonephthalein |
| Methyl orange | 3.7 | 3.1–4.4 | red → yellow | azo |
| Bromocresol green | 4.7 | 3.8–5.4 | yellow → blue | sulfonephthalein |
| Methyl red | 5.1 | 4.4–6.2 | red → yellow | azo |
| Litmus | ~6.5 | 5.0–8.0 | red → blue | natural lichen dye |
| Bromothymol blue | 7.1 | 6.0–7.6 | yellow → blue | sulfonephthalein |
| Phenol red | 7.9 | 6.8–8.4 | yellow → red | sulfonephthalein |
| Phenolphthalein | 9.4 | 8.2–10.0 | colorless → pink | triphenylmethane |
| Thymolphthalein | 9.9 | 9.3–10.5 | colorless → blue | triphenylmethane |
| Alizarin yellow R | 11.0 | 10.0–12.0 | yellow → red | azo |
Notice that the listed transition range is always centered roughly on the pKa — exactly as the pKa ± 1 argument predicts. Note too that litmus, the oldest indicator (extracted from Roccella lichens, used since the 14th century), has a transition far too broad and gradual to use for titration; it is a yes/no acid-or-base test, not a quantitative tool.
Endpoint vs. equivalence point — the heart of titration
An indicator is the cheapest way to find the end of a titration, but you must distinguish two points that are easy to conflate:
- The equivalence point is the exact stoichiometric point where moles of titrant equal moles of analyte. It is fixed by the reaction chemistry.
- The endpoint is where your chosen indicator visibly changes color. It is fixed by the dye.
The gap between them is the indicator error. You minimize it by choosing an indicator whose transition range brackets the equivalence-point pH. This works because near equivalence the pH changes extraordinarily fast — in a strong acid/strong base titration the pH can jump from about 4 to 10 over a fraction of a single drop (≈0.05 mL out of 25–50 mL). Across that near-vertical region, any indicator whose range falls between pH 4 and 10 flips within fractions of a percent of the true volume, so the error is well under 0.1%.
The catch is that the equivalence-point pH is not always 7. It depends on the salt left behind:
| Titration type | Equivalence-point pH | Why | Suitable indicator |
|---|---|---|---|
| Strong acid + strong base (HCl + NaOH) | 7.0 | Salt (NaCl) is neutral | Almost any: BTB, phenolphthalein, methyl orange |
| Weak acid + strong base (CH₃COOH + NaOH) | ~8.7 | Conjugate base (acetate) is basic; hydrolyzes | Phenolphthalein (not methyl orange) |
| Strong acid + weak base (HCl + NH₃) | ~5.3 | Conjugate acid (ammonium) is acidic; hydrolyzes | Methyl orange or methyl red (not phenolphthalein) |
| Weak acid + weak base | varies (~7, but flat) | pH jump is too shallow | None reliable — use a pH meter |
Using methyl orange (range 3.1–4.4) to titrate acetic acid with NaOH would signal the endpoint near pH 4 — long before the equivalence point at 8.7 — and you would under-report the acid by a large margin. The phenolphthalein/weak-acid and methyl-orange/weak-base pairings are not arbitrary lab conventions; they are dictated by where the pH actually crosses through the indicator's window. For a polyprotic acid titration (e.g., carbonic acid, phosphoric acid) you can even exploit two different indicators to catch successive equivalence points: phenolphthalein for the first proton of a carbonate, methyl orange for the second.
Universal indicator and the rainbow strip
For estimating an unknown pH rather than pinpointing an endpoint, you want the opposite of a sharp flip — a smooth color gradient. Universal indicator achieves this by blending several dyes with staggered, overlapping transition ranges (a classic Yamada formulation uses thymol blue, methyl red, bromothymol blue, and phenolphthalein in alcohol). The superposition produces a continuous sweep: red (pH 1–2) → orange → yellow (4–6) → green (7) → blue (8–10) → indigo → violet (12–14). The familiar pH paper strip is just universal indicator dried onto cellulose. Such strips read to about ±0.5–1 pH unit — fine for soil, pool water, or aquaria, but far coarser than a glass-electrode pH meter (±0.01) and useless for a precise titration endpoint.
Where this matters
- Analytical chemistry. Indicator-detected titrations remain the workhorse for quantifying acids and bases in food (acidity of vinegar, wine, milk), pharmaceuticals, and water treatment — cheap, fast, no instrument required.
- Biology and medicine. Phenol red is the standard pH reporter in cell-culture media: it turns yellow when metabolizing cells acidify the medium, signaling time to change the broth. Bromothymol blue tracks CO₂ in respiration demos because dissolved CO₂ forms carbonic acid.
- Environment and agriculture. Soil-test kits and pool/aquarium strips are universal-indicator chemistry, guiding fertilizer and lime dosing or chlorine balancing.
- Process and safety. pH-sensitive coatings and leak-detection papers flip color on contact with acidic or basic spills.
The deep idea is that an indicator turns an invisible thermodynamic quantity — hydrogen-ion activity — into something the eye can read in under a second, simply by piggybacking a colored chromophore onto a well-placed pKa. Choose the pKa to match the pH you care about, and the molecule does the measurement for you.
Frequently asked questions
What is an acid–base indicator?
A weak organic acid or base (HIn) whose protonated and deprotonated (In⁻) forms have different colors. As pH changes, the HIn ⇌ In⁻ equilibrium shifts, and so does the color. Because the indicator is itself a conjugate acid–base pair, its behavior follows Henderson–Hasselbalch: pH = pKa(HIn) + log([In⁻]/[HIn]). The visible color flips around pH ≈ pKa. Phenolphthalein (pKa 9.4) is colorless below pH 8.2 and pink above 10; methyl orange (pKa 3.7) is red below 3.1 and yellow above 4.4.
Why does the color change happen over a range of about 2 pH units?
The eye reads a single color once one form outnumbers the other roughly 10:1. From [HIn]/[In⁻] = 10:1 (pH = pKa − 1) to 1:10 (pH = pKa + 1) is two pH units, so the transition interval is approximately pKa ± 1. At pH = pKa the two forms are equal (50/50) and the color is the intermediate blend — e.g., orange for methyl orange. Outside that ±1 window the dominant form swamps the other and the color appears "pure."
How do you choose the right indicator for a titration?
Pick an indicator whose transition range brackets the pH at the equivalence point. Strong acid + strong base: equivalence pH = 7, and the pH jumps ~4–10 over a fraction of a drop, so almost any indicator (bromothymol blue, phenolphthalein, methyl orange) works. Weak acid + strong base: equivalence pH > 7 (e.g., acetic acid/NaOH ≈ 8.7), so use phenolphthalein, not methyl orange. Strong acid + weak base: equivalence pH < 7 (e.g., HCl/ammonia ≈ 5.3), so use methyl orange, not phenolphthalein.
What is the difference between the equivalence point and the endpoint?
The equivalence point is the exact stoichiometric point where moles of titrant equal moles of analyte — a property of the reaction. The endpoint is where the indicator visibly changes color — a property of the indicator you chose. A good titration minimizes the "indicator error" (the gap between the two). With a well-matched indicator and a sharp pH jump, the error is well under 0.1%; with a poorly matched indicator the endpoint can be off by a full milliliter or more.
How does phenolphthalein actually change color?
Phenolphthalein is a triphenylmethane dye. Below pH 8 it exists as a colorless lactone (a closed-ring form with no extended conjugation). As pH rises, two phenol groups lose protons and the central lactone ring opens, producing a doubly deprotonated quinoid structure with an extended, fully conjugated π system. That long conjugation lowers the HOMO–LUMO gap so the molecule absorbs green light (~553 nm) and transmits its complement — magenta-pink. Above pH ~13 it converts to a colorless carbinol form, so very concentrated base fades the pink again.
What is universal indicator and how is it different?
Universal indicator is a deliberate mixture of several dyes (typically thymol blue, methyl red, bromothymol blue and phenolphthalein, with a solvent and stabilizer) chosen so their staggered transition ranges overlap. The result is a continuous color sweep — red (pH 1) through orange, yellow, green (pH 7), blue, to violet (pH 14) — rather than a single sharp flip. That makes it ideal for estimating an unknown pH to ±1 unit, but useless for a precise titration endpoint, where you want one abrupt change.