MyLeoNes™

Colour contrast — Design, 11–13 years

Learn how differences between colours help words, shapes and warnings stand out, and why more colour is not always more clarity.

What colour contrast does

Colour contrast is the difference that lets one colour be seen clearly against another. A dark blue shape on a pale background is easier to notice than a medium blue shape on a similar blue. Contrast can show importance, separate areas and make information easier to read.

Why contrast was needed

Designers need contrast because people read signs, screens and labels in bright light, shade, motion or a hurry. If every part looks equally strong, nothing tells the eye where to start. Contrast solves this by making useful differences visible, rather than relying on size or decoration alone.

Making a warning visible

A warning label has black text on a grey background, but it is hard to read from two metres away. Change the background to yellow and keep the text black; the light and dark values separate more clearly. Then make the word “STOP” larger, so colour and size give the same message.

The too-many-colours trap

A reasonable mistake is adding many bright colours because each one looks interesting on its own. Together they compete, so the eye cannot tell what matters most. A small set of colours, with one clear contrast for the key message, often communicates better than a rainbow of equal strength.

Where it appears

You see colour contrast on road signs, emergency buttons, maps, sports shirts and classroom displays. A red button on a pale screen attracts attention, while different colours on a map separate rivers, roads and parks. It works best when the difference remains visible in the actual light where the design is used.

Keep exploring

Other languages

Loading MyLeoNes™…