In making my latest project (soon to be revealed!) I came across a problem. The challenge was to color-code 20 different rail lines for a metro system diagram, and I found myself spending an inordinate amount of time choosing the colors. No matter what I did, some colors were too similar and could be easily confused.
Surely I’m not the first person to have this issue, I thought. So I did some googling and came across Kelly’s 22 Colors of Maximum Contrast. Unfortunately towards the bottom of Kelly’s list things get a bit complicated. The orange yellow, purplish red, yellowish brown and reddish orange all seemed to blend together. Not only that, there were no hex triplets, nor RGB nor CMYK values.
Every list of colors that I found online suffered from the same problems. So I made my own, with colors that are:
- Easily distinguishable
- Tastefully luminant
- Given simple, intuitive names
- Supplied with hex, RGB and CMYK values
Without further ado, I present my own list of 20 simple and visually distinct colors, plus black and white.
I’ve arranged the table so that if you want six colors, for example, just choose the first six starting from the top. The order of the colors is inspired by their frequency of appearance on all the world’s subway maps (yes, I did count them all!).
Some of the color names (like blue or green) don’t match up to various HTML or RGB conventions – this is done deliberately to further differentiate the colors. The conversions between various color spaces are not exact but in my experience they work well.