published: 2022-07-28
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)