Need help? Email help@shout.education

Acid-Base Indicators

This page describes how simple acid-base indicators work, and how to choose the right one for a particular titration.

Warning: This page assumes that you know about pH curves for all the commonly quoted acid-base combinations, and weak acids (including pKa). If you aren't happy about either of these things, you must follow these links before you go any further.

How Simple Indicators Work

Indicators as Weak Acids

Litmus

Litmus is a weak acid. It has a seriously complicated molecule which we will simplify to HLit. The "H" is the proton which can be given away to something else. The "Lit" is the rest of the weak acid molecule.

There will be an equilibrium established when this acid dissolves in water. Taking the simplified version of this equilibrium:

\underset{\colorbox{#e26e6e}{}}{\text{HLit}_{(aq)}} \longrightarrow \text{H}^+_{(aq)} + \underset{\colorbox{#7ca3ce}{}}{\text{Lit}^-_{(aq)}}

Note: If you don't understand what I mean by "the simplified version of this equilibrium", you need to follow up the weak acids link before you go any further.

The un-ionised litmus is red, whereas the ion is blue.

Now use Le Chatelier's Principle to work out what would happen if you added hydroxide ions or some more hydrogen ions to this equilibrium.

Note: If you don't understand Le Chatelier's Principle, follow this link before you go any further, and make sure that you understand about the effect of changes of concentration on the position of equilibrium.

Adding hydroxide ions:
Adding hydrogen ions:
If the concentrations of HLit and Lit - are equal:

At some point during the movement of the position of equilibrium, the concentrations of the two colours will become equal. The colour you see will be a mixture of the two.

The reason for the inverted commas around "neutral" is that there is no reason why the two concentrations should become equal at pH 7. For litmus, it so happens that the 50 / 50 colour does occur at close to pH 7 – that's why litmus is commonly used to test for acids and alkalis. As you will see below, that isn't true for other indicators.

Methyl orange

Methyl orange is one of the indicators commonly used in titrations. In an alkaline solution, methyl orange is yellow and the structure is:

Now, you might think that when you add an acid, the hydrogen ion would be picked up by the negatively charged oxygen. That's the obvious place for it to go. Not so!

In fact, the hydrogen ion attaches to one of the nitrogens in the nitrogen-nitrogen double bond to give a structure which might be drawn like this:

Note: You may find other structures for this with different arrangements of the bonds (although always with the hydrogen attached to that same nitrogen). The truth is that there is delocalisation over the entire structure, and no simple picture will show it properly. Don't worry about this exact structure – it is just to show a real case where the colour of a compound is drastically changed by the presence or absence of a hydrogen ion.

You have the same sort of equilibrium between the two forms of methyl orange as in the litmus case – but the colours are different.

\underset{\colorbox{#e9603d}{}}{\text{HMeor}_{(aq)}} \xrightleftharpoons{} \text{H}^+_{(aq)} + \underset{\colorbox{#eeeb5a}{}}{\text{Meor}^-_{(aq)}}

You should be able to work out for yourself why the colour changes when you add an acid or an alkali. The explanation is identical to the litmus case – all that differs are the colours.

Note: If you have problems with this, it is because you don't really understand Le Chatelier's Principle. Sort it out!

In the methyl orange case, the half-way stage where the mixture of red and yellow produces an orange colour happens at pH 3.7 – nowhere near neutral. This will be explored further down this page.

Phenolphthalein

Phenolphthalein is another commonly used indicator for titrations, and is another weak acid.

\text{HPhph}_{(aq)} \xrightleftharpoons{} \text{H}^+_{(aq)} + \underset{\colorbox{#f850f8}{}}{\text{Phph}^-_{(aq)}}

In this case, the weak acid is colourless and its ion is bright pink. Adding extra hydrogen ions shifts the position of equilibrium to the left, and turns the indicator colourless. Adding hydroxide ions removes the hydrogen ions from the equilibrium which tips to the right to replace them – turning the indicator pink.

The half-way stage happens at pH 9.3. Since a mixture of pink and colourless is simply a paler pink, this is difficult to detect with any accuracy!

Note: If you are interested in understanding the reason for the colour changes in methyl orange and phenolphthalein, they are discussed on a page in the analysis section of the site about UV-visible spectroscopy. This is quite difficult stuff, and if you are coming at this from scratch you will have to explore at least one other page before you can make sense of what is on that page. There is a link to help you to do that. Don't start this lightly!

The pH Range of Indicators

The importance of pKind

Think about a general indicator, HInd – where "Ind" is all the rest of the indicator apart from the hydrogen ion which is given away:

\text{HInd}_{(aq)} \xrightleftharpoons{} \text{H}^+_{(aq)} + \text{Ind}^-_{(aq)}

Because this is just like any other weak acid, you can write an expression for Ka for it. We will call it Kind to stress that we are talking about the indicator.

K_{ind} = \frac{[\text{H}^+][\text{Ind}^-]}{[\text{HInd}]}

Note: If this doesn't mean anything to you, then you won't be able to understand any of what follows without first reading the page on weak acids.

Think of what happens half-way through the colour change. At this point the concentrations of the acid and its ion are equal. In that case, they will cancel out of the Kind expression.

\begin{aligned} K_{ind} &= \frac{[\text{H}^+]\cancel{[\text{Ind}^-]}}{\cancel{[\text{HInd}]}} \\ K_{ind} &= [\text{H}^+] \end{aligned}

You can use this to work out what the pH is at this half-way point. If you re-arrange the last equation so that the hydrogen ion concentration is on the left-hand side, and then convert to pH and pKind, you get:

\begin{gathered} [\text{H}^+] = K_{ind} \\ \\ pH = pK_{ind} \\ \end{gathered}

That means that the end point for the indicator depends entirely on what its pKind value is. For the indicators we've looked at above, these are:

indicatorpKind
litmus6.5
methyl orange3.7
phenolphthalein9.3

The pH range of indicators

Indicators don't change colour sharply at one particular pH (given by their pKind). Instead, they change over a narrow range of pH.

Assume the equilibrium is firmly to one side, but now you add something to start to shift it. As the equilibrium shifts, you will start to get more and more of the second colour formed, and at some point the eye will start to detect it.

For example, suppose you had methyl orange in an alkaline solution so that the dominant colour was yellow. Now start to add acid so that the equilibrium begins to shift.

At some point there will be enough of the red form of the methyl orange present that the solution will begin to take on an orange tint. As you go on adding more acid, the red will eventually become so dominant that you can no longe see any yellow.

There is a gradual smooth change from one colour to the other, taking place over a range of pH. As a rough "rule of thumb", the visible change takes place about 1 pH unit either side of the pKind value.

The exact values for the three indicators we've looked at are:

indicatorpKindpH range
litmus6.55 – 8
methyl orange3.73.1 – 4.4
phenolphthalein9.38.3 – 10.0

The litmus colour change happens over an unusually wide range, but it is useful for detecting acids and alkalis in the lab because it changes colour around pH 7. Methyl orange or phenolphthalein would be less useful.

This is more easily seen diagramatically.

For example, methyl orange would be yellow in any solution with a pH greater than 4.4. It couldn't distinguish between a weak acid with a pH of 5 or a strong alkali with a pH of 14.

Choosing Indicators for Titrations

Remember that the equivalence point of a titration is where you have mixed the two substances in exactly equation proportions. You obviously need to choose an indicator which changes colour as close as possible to that equivalence point. That varies from titration to titration.

Strong Acid vs. Strong Base

The next diagram shows the pH curve for adding a strong acid to a strong base. Superimposed on it are the pH ranges for methyl orange and phenolphthalein.

You can see that neither indicator changes colour at the equivalence point.

However, the graph is so steep at that point that there will be virtually no difference in the volume of acid added whichever indicator you choose. However, it would make sense to titrate to the best possible colour with each indicator.

If you use phenolphthalein, you would titrate until it just becomes colourless (at pH 8.3) because that is as close as you can get to the equivalence point.

On the other hand, using methyl orange, you would titrate until there is the very first trace of orange in the solution. If the solution becomes red, you are getting further from the equivalence point.

Strong Acid vs. Weak Base

This time it is obvious that phenolphthalein would be completely useless. However, methyl orange starts to change from yellow towards orange very close to the equivalence point.

You have to choose an indicator which changes colour on the steep bit of the curve.

Weak Acid vs. Strong Base

This time, the methyl orange is hopeless! However, the phenolphthalein changes colour exactly where you want it to.

Weak Acid vs. Weak Base

The curve is for a case where the acid and base are both equally weak – for example, ethanoic acid and ammonia solution. In other cases, the equivalence point will be at some other pH.

You can see that neither indicator is any use. Phenolphthalein will have finished changing well before the equivalence point, and methyl orange falls off the graph altogether.

It may be possible to find an indicator which starts to change or finishes changing at the equivalence point, but because the pH of the equivalence point will be different from case to case, you can't generalise.

On the whole, you would never titrate a weak acid and a weak base in the presence of an indicator.

Sodium carbonate Solution and Dilute Hydrochloric acid

This is an interesting special case. If you use phenolphthalein or methyl orange, both will give a valid titration result – but the value with phenolphthalein will be exactly half the methyl orange one.

It so happens that the phenolphthalein has finished its colour change at exactly the pH of the equivalence point of the first half of the reaction in which sodium hydrogencarbonate is produced.

\text{Na}_2\text{CO}_{3(aq)} + \text{HCl}_{(aq)} \longrightarrow \text{NaCl}_{(aq)} + \text{NaHCO}_{3(aq)}

The methyl orange changes colour at exactly the pH of the equivalence point of the second stage of the reaction.

\text{NaHCO}_{3(aq)} + \text{HCl}_{(aq)} \longrightarrow \text{NaCl}_{(aq)} + \text{CO}_{2(g)} + \text{H}_2\text{O}_{(l)}

Questions to test your understanding

Questions on indicators Answers