published: 2022-07-28
last change: 2022-08-06
last change: 2022-08-06
Accessible Color Schemes
Purpose
TL;DR for Paul Tol's Colour schemes and templates. You can simulate how different people see colors on displays at Coloring for Colorblindness by David Nichols
IBM Design Library - White Background
#648fff / 648fffff (ultramarine)
#785ef0 / 785ef0ff (indigo)
#dc267f / dc267fff (magenta)
#fe6100 / fe6100ff (orange)
#ffb000 / ffb000ff (gold)
#000000 / 000000ff (black)
#ffffff / ffffffff (white)
IBM Design Library - Black Background
#648fff / 648fffff (ultramarine)
#785ef0 / 785ef0ff (indigo)
#dc267f / dc267fff (magenta)
#fe6100 / fe6100ff (orange)
#ffb000 / ffb000ff (gold)
#000000 / 000000ff (black)
#ffffff / ffffffff (white)
Tol - White Background
#332288 / 332288ff (indigo)
#88ccee / 88cceeff (cyan) - as text slightly too light for white background
#44aa99 / 44aa99ff (teal) - too similar to rose for deuteranopia
#117733 / 117733ff (green)
#999933 / 999933ff (olive) - as text too light for white background
#ddcc77 / ddcc77ff (sand) - as text too light for white background
#cc6677 / cc6677ff (rose)
#882255 / 882255ff (wine) - similar to indigo for protanopia
#aa4499 / aa4499ff (purple)
#dddddd / ddddddff (pale grey) - to mark bad data; #888888 prob. better for dark scheme
#888888 / 888888ff (grey)
Tol - Black Background
The same as above, just with another background color:
#332288 / 332288ff (indigo)
#88ccee / 88cceeff (cyan) - as text slightly too light for white background
#44aa99 / 44aa99ff (teal) - too similar to rose for deuteranopia
#117733 / 117733ff (green)
#999933 / 999933ff (olive) - as text too light for white background
#ddcc77 / ddcc77ff (sand) - as text too light for white background
#cc6677 / cc6677ff (rose)
#882255 / 882255ff (wine) - similar to indigo for protanopia
#aa4499 / aa4499ff (purple)
#dddddd / ddddddff (pale grey) - to mark bad data; #888888 prob. better for dark scheme
#888888 / 888888ff (grey)