Choosing Accessible Colors for Bar Charts (WCAG 2.2 & Colorblindness)
A practical guide to color selection for data visualizations. Learn how to choose contrast-compliant, colorblind-safe palettes.
Key Takeaways
- Approximately 8% of men and 0.5% of women have some form of color vision deficiency (colorblindness).
- Never use red and green as the sole visual differentiator between two competing series.
- Adopt universal accessible palettes like the Okabe-Ito and IBM Carbon design standards.
- Ensure a minimum 3:1 contrast ratio between bar colors and the chart background under WCAG 2.2 AA guidelines.
Why Color Accessibility Matters
In corporate boardrooms, public research, and team dashboards, approximately 1 in 12 men and 1 in 200 women experience color vision deficiency (such as Deuteranopia, Protanopia, or Tritanopia).
When a chart relies exclusively on red vs green hues to communicate difference, a significant portion of your audience cannot distinguish the series.
The Gold Standards: Okabe-Ito and IBM Design
Rather than guessing color combinations, data professionals rely on empirically tested palettes:
- The Okabe-Ito Palette: Designed by Masataka Okabe and Kei Ito (2002), this 8-color system uses distinct combinations of blue, orange, green, vermilion, and purple that remain recognizable under all types of color deficiency.
- IBM Design Carbon: Engineered specifically for complex data software and charts, maximizing contrast steps across 14 accessible tones.
WCAG 2.2 Contrast Guidelines for Graphical Objects
Under the Web Content Accessibility Guidelines (WCAG 2.2 Level AA), visual information required to identify user interface components and graphical objects (such as chart bars) must have a contrast ratio of at least 3:1 against adjacent background colors.
Bar Chart Creator includes an automated linter that calculates the mathematical contrast ratio for every series color against your background and warns you if any series falls below the 3:1 threshold.
Ready to build your chart?
Create, format, and export professional bar charts in seconds. 100% free with in-browser privacy.