I am designing the layout for a touchscreen for outside use, What are some good color combination to use that will be visible under the sun light for outside use? Maybe bright neon colors?

  • 1
    Hi Kevin, welcome to UX.se! Your questions is too vague to answer right now. What is the purpose of the application? What is the content? Add some details and make the question be about UX rather than visual choice.
    – rk.
    Apr 18, 2013 at 21:38

4 Answers 4


A colour scheme with high visual contrast will work better in conditions that are more difficult to see - such as in direct sunlight.

In addition to contrast, human vision isn't sensitive to all colours equally, with the peak being in the green colour spectrum. The graph below shows the sensitivity:

enter image description here

Taking onto account the sensitivity to light in human vision in combination with contrast, black on yellow produces the highest visual contrast. This is why number plates are often yellow with black writing.

  • very interesting, but what about white? Isn't it higher contrast with black than yellow, at least on screen?
    – Luciano
    Aug 15, 2019 at 15:28
  • 1
    @Luciano I can't give you an absolute reason why, but test have shown that yellow on black produces the highest contrast to the human eye. White on black is a higher contrast when looking purely at the numbers though (or to robots I suppose).
    – JohnGB
    Aug 16, 2019 at 19:47

If you want to bother with accounting for visually impaired people, here are some guidelines you can follow:


Exaggerate lightness differences between foreground and background colors, and avoid using colors of similar lightness adjacent to one another, even if they differ in saturation or hue. enter image description here enter image description here

Choose dark colors with hues from the bottom half of this hue circle against light colors from the top half of the circle. Avoid contrasting light colors from the bottom half against dark colors from the top half. The orientation of this hue circle was chosen to illustrate this point. enter image description here enter image description here

Avoid contrasting hues from adjacent parts of the hue circle, especially if the colors do not contrast sharply in lightness.

enter image description here enter image description here


I want to add, that dark color schemes usually are good for dark environments, but can be easily jammed by spotlight flares. We had such problem with medical devices with white on black interfaces in condition of operation room.

The same problem is with outside usage, especially under direct sunlight, so dark on white colour schemes are usually more effective.

Also you can take note of the approach of Solarized color scheme where the contrast is reached not only with color brightness, but also with hue—it can be usuful in certain conditions with limited brightness range of the display.


Black background with white/ yellow/amber light emanated will prove to be good and it seems to increase the conspicuity of the device.

To borrow some experience from evolved industries, automobiles use smoking of lamps and when the bulb throws white/yellow light it is extremely well visible on broad daylight. Please refer to automative lighting for details.

white light emitted in broad daylight emitting amber light in broad daylight

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.