Close Colour Readability

This page has now been moved to Experiments with Colour and Brightnesses.

This passage is in red text on green, so that converted to monochrome both the text and the background should be the same shade of grey. If you have a colour perception deficiency you may not be able to read this. In fact even if you haven’t you probably don’t find it that easy.

This passage is in red text on green, so that converted to monochrome the text and the background should not be not quite the same shade of grey. If you have a colour perception deficiency you may not be able to read this. In fact even if you haven’t you probably don’t find it that easy.

The passages on the left are in red text on green, both the red and the green in the first example being at the same STW* brightness (see Readable Text in Colour), therefore converted to monochrome both the text and the background should theoretically be the same shade of grey. Background is #008200, foreground #DC0000.

On the second example there is a STW* brightness difference of 16. Background #008200 and foreground #AE0000.

I find that the effect of these close colour combinations varies quite a lot from monitor to monitor. On some screens, the first example is quite jarring and it’s hard to read the text, while on another the first is more easily legible than the second. This will presumably be something to do with the colour calibrations of the monitor.

Something else is happening too. In both samples there is on many monitors a yellow border or shadow to each letter, sometimes noticeably stronger on the example with the brighter red (the first) than on the darker one.

This passage is in blue text on orange, both the blue and the orange being at the same brightness, so that converted to monochrome both the text and the background would be the same shade of grey. If you have a colour perception deficiency you may not be able to read this. In fact even if you haven’t you probably don’t find it that easy.

This passage is in blue text on orange, but the blue and the orange are not at quite the same brightness, so that converted to monochrome the text and the background are not quite the same shade of grey. If you have a colour perception deficiency you may not be able to read this. In fact even if you haven’t you probably don’t find it that easy.

The passages on the right are in blue text on orange-red, the blue and the orange being at the same STW* brightness (and YIQ brightness in this example, as it happens) in the top panel, and in the second panel there is a STW* brightness difference of 16, as with the green on red samples above. The same considerations apply, the degree of readability, or perhaps we should say distinguishability, of the text varies from monitor to monitor.

On both of the blue-on-red samples, I perceive a kind of darker blue shadow on the south-west side of each letter. Presumably this is an optical illusion, that equates to the yellow shadow in the red-on-green examples.

With red on green, the yellow can be explained by additive colour mixing (presumably in the eye).

The orange-red is #C73100 and the blue is #0066FF in the first sample and #003DFF in the second. You’ll see if you try an additive mix that the result is a kind of pale lilac colour, so that doesn’t adequately explain why the shadowing should be dark blue. I have an idea this might be something to do with blue being a relatively non-bright colour in the scheme of things, though quite how this might be resolved mathematically has not yet come to me. Anyone any ’bright’ ideas?

And do these shadowing effects exist if you are someone with colourblindness? For if they do, then perhaps you can read the words, even though you theoretically shouldn’t be able to. Whether you have a colour perception deficiency or not, you probably don’t find it that easy to read the text, though with regular vision you probably can, just about, solely on hue difference, though whether this is solely on hue difference, or whether there’s actually an element of brightness difference there, is still a matter for experiment.

Of course, you wouldn’t normally use a text colour that was this close to the background colour if you wanted someone to be able to read something comfortably, but this is not the same thing as saying that red text on a green background is illegible, it isn’t, it all depends on the brightness difference between the shades of red and green, see my Red on Green is Readable page.