What Is Good Background Hex Color For Plain Text Heavy Website

When nosotros are designing a poster, a magazine, a website or a blog …., any graphic element on which fonts and backgrounds are included, it is very important to consider combinations of background and text, simply equally nosotros did with typefaces.

We already know the psychology of many of the colours used in design, so we tin determine the employ of them. Well, when information technology comes to texts that are printed on backgrounds, which should prevail over all is the readability of them. We cannot brand the reader gets before long tired. So, one of the main parts of the design is its functionality.

If we are working on background images, as nosotros showed in these examples, the best solution is to write the message in white. When reading a text, regardless of its size, higher up all we must seek the contrast between background and text colours, so on a background in bright colours predominate, white is ever a skilful choice. If there is no dissimilarity, readability does not be.

no contrast-colours-text-background

Therefore, today I will show you some examples of texts on basic colours backgrounds, to find the effect of each ane of them. They are basic examples, on which it is impossible to go incorrect. We will do it with a sans serif, open sans font, and so that the font does not distract us from the message.

Blackness and white

It is the best known and invariably combination. The text that y'all are reading now is on black and white, and 95% of printed texts such as magazines, newspapers … develop in this mode. For long texts to be read is the perfect combination. It is the best combination to read closely. It is the largest contract of all, lite and dark, so the message is conveyed more clearly and directly.

Nonetheless, when performing the negative of this composition, i.e. a white on black, readability is worse, which make texts lose importance.

text-background-white-black

Yellowish and black

It is the chord of the alarm signs. This is the best combination to read away. This is not a good combination for long texts, only to create clear messages that must be seen past all. We all think alert messages when we come across in the toilets "risk of slipping" or on cleaning products that contain toxic agents.

combination-text-yellow-black

Ruby and white

Mistakenly people believe that information technology is a good combination, because texts in blood-red attract more attention. However, these texts are less read considering they suggest that their content is not serious. Furthermore, if nosotros put it in negative, white on ruby, the message is fifty-fifty less readable. Cerise messages distract and red backgrounds attract attending. It comes to mind the STOP signal. In this case, the message is blank, merely the shape of the signal is and so characteristic, a red octagon.

background-red-white-text

Multicolored text

Using a multicolored text is nearly similar the last rule of font combinations: information technology is never justified. The result is illegibility. There are many ways in which we tin can play with colours, simply always giving uniformity. The text, equally nosotros always say must be legible and therefore colour consistency is very of import.

never-background-multicolored