Text colours for contrast

Design The most recent Web site I have designed may seem to contradict my last post, in which I call for text to be readable. The site is for the UK leaflet display company, Leaflet Display Solutions. There is a call-out box on each page which has a background colour of deep blue, and a foreground (text) colour of dark yellow.

This is clearly less of a contrast than the black text on a white background which is predominant on each page. However, it passes the Colour Contrast Analyser test—I mentioned this online tool in my last post. The test results say, “The difference in brightness between the two colours is sufficient. The threshold is 125, and the result of the foreground and background colours is 148. The difference in colour between the two colours is sufficient. The threshold is 500, and the result of the foreground and background colours is 561.”

What is more, these are the site owner’s brand colours.

Most important of all—at least to my eyes—is that the call-out boxes add a bit of life and contrast to the design. Do you agree?

About Michael Scannell

Michael is the Web Costa Blanca webmaster. He has worked on many Web sites, both large and small, in Spain and the UK.
This entry was posted in Web design. Bookmark the permalink.

Leave a Reply