# Why does checkerboard pattern on a computer screen appear with a yellowish tint?

This question was originally asked on Physics, then moved to Cognitive Sciences.

Consider the following image:
You might want to display the image in a new page, in case it gets resized for mobile displays.

On the top half, there is a pixel-sized checkerboard pattern with alternating black and white pixels; on the bottom half, there's a black to white gradient. Now, I don't know if you see the same, but for me, when viewing from distance or defocusing my eyes and the top half blending into one color, I can't find any color in the gradient below which would match it.

With simple arithmetics, I would guess at first guess the resulting color be either RGB $(0.5, 0.5, 0.5)$ or, with gamma, $(\sqrt{0.5}, \sqrt{0.5}, \sqrt{0.5})$. I cannot help myself, but the resulting color appears a lot warmer than the metallic gray which would appear if you for example zoomed this page or used a blur filter. I tried to add some yellow to the gradient, and the result looks more similar to the perceived color.

Now, based on the comments, it appears some people perceive yellowish tint and some don't. And I do on my LCD computer screen but not on my mobile display. Thus I guess it's based on some property of the display.

Why don't we perceive the resulting color like real gray? Where does the yellow color come from?

I have a theory: Based on the color arrangement in a typical LCD pixel, one white pixel would contain the red and green color together and blue on the right side. Blue color appears darker to human eye than colors with the same physical intensity, so a white pixel is more green than red than blue. Green and red have roughy the same perceptional insensity, and mixing red and green color addivitely gives yellow, thus the yellow tint? Well, shouldn't then all white pixels on the display appear a bit yellow?

Is this possible? Are there any other explanations?

A side question: Do you know any computer image scaling algorithm or blur filter that tries to mimic this, simulating a blurry vision of a human eye correctly?

• Excellent question! I've been wondering about this myself. It's not that the checkerboard pattern has a yellow tint... it's the grays that are incorrect. When I compare what I see on my laptop to my phone, where the checkerboard pattern seems to have roughly the same color as the grays, the gradient on my laptop appears distinctly more blue. Perhaps a better question would be to ask why do shades of gray look blue on most LCD computer screens. Jun 8, 2016 at 14:11
• @Quinchilion Interesting perspective. I'm so used to how gray looks on my screen that I might not notice if there's some blue to it, though it looks really metallic to me. It might be relevant that blue is the complementary color of yellow.
– IS4
Jun 8, 2016 at 14:28
• Monitors are frequently very poorly calibrated. That's the most likely cause of issues with images not looking grey. Further, assuming the display is meant to be sRGB, then (and this is from memory so please take with a grain of salt) the RGB values that should correspond to a B&W chequer board are about 186. What you may find helpful is to repeat your experiment separately with each of R,G & B using a Primary/Black pattern VS Black->Primary blend. The crossover points are ideally meant to be at the same position but frequently aren't. Jun 9, 2016 at 10:34
• @SimonF 186 corresponds roughly to the middle of the bottom gradient, and that place also seems to match the intensity of the top rectangle.
– IS4
Jun 10, 2016 at 23:30