home     blog     about     contact
Daniel Strecker's Blog - daniel-strecker.com
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)