0

Given a small number n, What is the most distinguishable n-color combination ?

For example, below is my personal choice upto 4 :

n = 2 : black, white
n = 3 : black, white, red
n = 4 : black, white, red, green
n = 5 : ..?

There may be concrete theory related with optical perception or computer graphics.. or empirical suggestion of a person or an organization.

Although similar, the problem below is slightly different. And I'm interested in that too :

When viewed on a PC monitor, if the background is white, what is the most distinguishable n colored points ? (In addition to ensuring that each point is clearly distinguished, we should also pay attention to making sure that the points are distinct from the background color. For example yellow may be too bright to be an early choice.)

2

1 Answer 1

3

You need to differentiate between personal choice and a more objective approach.

Contrast depends on many things, not only on hues (red, green), but also on lightness contrast, and saturation contrast.

Let's see some examples.

Depending on the color model but in general, green is further away from red than yellow, which is nearer. But you can see that red-yellow is more contrasting than green-red giving the same saturation, because of the lightness contrast.

enter image description here

The last column represents saturation contrast. However, it is difficult to isolate it from lightness.

There is also a contrast in size or area.

enter image description here

It also depends on the color model you are using. RGB, CMYK, Lab, RYB, HSL, HSB. Different models have different opposite colors. Green is opposite to Red on Lab, but it is Cian on RGB.

Here are the purest greens on RGB and CMYK models. Does dark green count as green?

enter image description here

Pure saturated has a different contrast using white as the background or black.

enter image description here

So the answer is a combination of contrasts. Combine hue, lightness, saturation, and area to maximize your contrast, not only hue.

Related: Are the primary colors (red, green, and blue) the most contrasting colors?


When incrementing the number of colors in your palette, to keep them separated you need to add spacing between your variables.

Related: How to get 10 different colors that are easily recognizable

On that post, I have an image where you can see that a mechanical selection does not give the best contrasts.

enter image description here

The green zone is too wide, but the contrast near the yellow changes rapidly, especially on the oranges.

So it is difficult to define a mechanized parameter to define contrast without narrowing your variables.


As I see on your profile, you like math, so let me add complexity to the alternatives.

Here are 3 examples of relations between a starting color (A) and some other colors.

enter image description here

If A is white, then the other colors are pretty easy. dark gray (black?), dark blue, dark red, dark green, dark purple, or whatever dark.

But things get more complicated if you have another base color (B) Do you need to keep a good contrast between B and the others? What about the contrast to A?

Is A reversible as a background with B, C, or D? And we can add more and more complexity, reducing our alternatives on each combination.

1
  • 1
    And then after you've gone through all this trouble and found the perfectly balanced palette the client will shoot it all down with a "I don't like blue" or "Let's add another color".
    – Wolff
    Commented Feb 24 at 15:28

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.