Okabe–Ito palette
Eight colors for categories, the most widely used colorblind-friendly set in science.
#E69F00 ·#56B4E9 ·#009E73 ·#F0E442 ·#0072B2 ·#D55E00 ·#CC79A7 ·#000000
Source: Okabe & Ito (2008)
Pick or build a palette, see it as people with color vision deficiency do, and copy the codes.
Eight colors for categories, the most widely used colorblind-friendly set in science.
#E69F00 ·#56B4E9 ·#009E73 ·#F0E442 ·#0072B2 ·#D55E00 ·#CC79A7 ·#000000
Source: Okabe & Ito (2008)
Seven colors for lines and points on a white background.
#4477AA ·#EE6677 ·#228833 ·#CCBB44 ·#66CCEE ·#AA3377 ·#BBBBBB
Source: Paul Tol (2021)
Seven saturated colors that also suit dark slides.
#EE7733 ·#0077BB ·#33BBEE ·#EE3377 ·#CC3311 ·#009988 ·#BBBBBB
Source: Paul Tol (2021)
Nine softer colors for many categories.
#CC6677 ·#332288 ·#DDCC77 ·#117733 ·#88CCEE ·#882255 ·#44AA99 ·#999933 ·#AA4499
Source: Paul Tol (2021)
Three colors that stay distinct in grayscale print.
#004488 ·#DDAA33 ·#BB5566
Source: Paul Tol (2021)
A sequential scale with even lightness steps.
#440154 ·#443A83 ·#31688E ·#21918C ·#35B779 ·#90D743 ·#FDE725
Source: Sampled from: matplotlib
A sequential scale designed to look nearly the same with and without color vision deficiency.
#00224E ·#2B406D ·#575D6D ·#7D7C78 ·#A59C74 ·#D2C060 ·#FEE838
A light-to-dark single-hue scale for counts and densities.
#F7FBFF ·#D6E6F4 ·#ACD0E6 ·#6BAED6 ·#3787C0 ·#115CA4 ·#08306B
Source: Sampled from: ColorBrewer (2003)
A diverging red–blue scale for values above and below a midpoint.
#053061 ·#3784BB ·#A7D0E4 ·#F7F7F7 ·#F8B799 ·#CA4C41 ·#67001F
Source: Sampled from: ColorBrewer (2003)
A diverging blue–red scale with a pale midpoint.
#364B9A ·#6298C6 ·#A6D3E6 ·#EAECCC ·#FEC072 ·#EE6A41 ·#A50026
Source: Sampled from: Paul Tol (2021)
| Type | Cones affected | Approx. share | Colors often confused |
|---|---|---|---|
| Deuteranomaly / deuteranopia | M cones | About 8% of men of Northern European ancestry have red-green color vision deficiency. Birch 2012 | Red and green |
| Protanomaly / protanopia | L cones | Red and green | |
| Tritanopia | S cones | Rare | Blue and yellow |
| Achromatopsia | All cones | Rare | All hues |
The simulation applies the Machado, Oliveira and Fernandes (2009) model at full severity, so it shows the strongest form of each deficiency.
Simulations are approximations. Check labels, line styles and marker shapes as well as color.
Use Okabe–Ito or Tol for categories, viridis or cividis for ordered values, and a diverging scale for values around a midpoint.
Look for pairs flagged for deuteranopia or protanopia and swap one color, or let Suggest colors pick a replacement.
Paste HEX, R or Python codes into your plotting script, or RGB values into Excel or PowerPoint.
Its colors stay distinguishable for people with color vision deficiency, mostly the red-green types that affect about 8% of men of Northern European ancestry. That usually means varying lightness as well as hue, and avoiding red-green pairs of similar lightness. Even with a good palette, add labels, line styles or marker shapes so that color is not the only cue. (British readers search for a colour blind friendly palette; it is the same thing.)
For up to eight categories, Okabe–Ito or one of Paul Tol's qualitative schemes. For ordered values such as concentration or expression, a sequential scale such as viridis or cividis. For values above and below a meaningful midpoint, such as fold change, a diverging scale such as RdBu or Tol sunset.
Orange #E69F00, sky blue #56B4E9, bluish green #009E73, yellow #F0E442, blue #0072B2, vermillion #D55E00, reddish purple #CC79A7 and black #000000, proposed by Masataka Okabe and Kei Ito in 2008 and popularized in Nature Methods by Bang Wong.
Each color is converted with the Machado, Oliveira and Fernandes (2009) model for protanopia, deuteranopia and tritanopia at full severity, the strongest form. People with the milder anomalous forms see smaller shifts. The check then measures the CIEDE2000 color difference between every pair; pairs below 10 under red-green simulation are flagged. To simulate a whole image, use an image simulator; this page checks palettes.
Partly. Accessibility guidelines (WCAG 2.2) also ask for contrast: 3:1 for lines, bars and other graphics against the background, and 4.5:1 for text. The table marks colors below 3:1 against the chosen background, such as yellow on white, so you can give them an outline or use them only for fills.
Rainbow maps change lightness unevenly, which creates false boundaries, and their red and green ends are confused under red-green deficiency (Crameri et al., 2020). viridis and cividis increase lightness steadily, so they read correctly in color, in grayscale and with color vision deficiency.
Avoid red and green of similar lightness as the only difference between groups. If you need both, make one clearly darker, or use a red–blue or orange–blue pair instead. The check flags red-green pairs that collapse under deuteranopia or protanopia.
Use Code ▾ to copy an R vector or a ggplot2 scale_color_manual() call, a Python list or a matplotlib color cycle, or RGB values to type into Excel or PowerPoint’s custom color dialog.
Yes. No account is needed, and colors are processed only in this browser. Custom colors are included in the share link, so only share it if you are happy for others to see them.
Pick a palette or paste your own colors.