Skip to content

Free tools / Contrast checker

Will people tell your series apart?

Check your palette before it ships.

Short answer

Chart marks need at least 3:1 contrast against the background (WCAG 2.1, 1.4.11), and enough difference from each other that people with colour-vision deficiency can still tell them apart. Paste your chart colours to check both, on a dark or a light background.

Updated Nov 2, 2026 · Example palette

Palette

Series 1
Series 2
Series 3
Series 4
Series 5
Series 6

Background

Simulate

2 issues

Series 3 is under 3 : 1 on dark. Series 1 and 2 look alike with deuteranopia.

Seen with deuteranopia

Preview: the palette on stacked bars6 series as stacked bars from May to October, in the palette's colours.806040200MAYJUNJULAUGSEPOCTSERIES 1SERIES 2SERIES 3SERIES 4SERIES 5SERIES 6
Preview: the palette on stacked bars
MonthSeries 1Series 2Series 3Series 4Series 5Series 6
MAY141310864
JUN161310975
JUL171510975
AUG1814111076
SEP1916121086
OCT2117121197
Preview: the palette on stacked bars6 series as stacked bars from May to October, in the palette's colours.806040200MAYJUNJULAUGSEPOCTSERIES 1SERIES 2SERIES 3SERIES 4SERIES 5SERIES 6
Preview: the palette on stacked bars
MonthSeries 1Series 2Series 3Series 4Series 5Series 6
MAY141310864
JUN161310975
JUL171510975
AUG1814111076
SEP1916121086
OCT2117121197
ColourAgainst the canvasNearest · deuteranopiaResult
Series 15.01 : 1Series 2 · ΔE 4.5Too close to Series 2
Series 26.30 : 1Series 1 · ΔE 4.5Too close to Series 1
Series 32.25 : 1Series 5 · ΔE 14.5Under 3 : 1 on dark
Series 49.53 : 1Series 1 · ΔE 17.2Passes both
Series 53.86 : 1Series 3 · ΔE 14.5Passes both
Series 66.23 : 1Series 2 · ΔE 21.3Passes both

How it checks

3 : 1 against the background

Each colour against the canvas, as WCAG 2.1 asks for graphics (1.4.11 Non-text contrast). Text labels need 4.5 : 1.

Apart from each other

Every pair is compared with CIEDE2000 in the chosen view. Pairs closer than 10 are flagged: readers will mix them up.

Four ways of seeing

Protanopia, deuteranopia and tritanopia are simulated with the Machado 2009 model; greyscale shows the lightness alone.

Questions

What contrast do chart colours need?

At least 3 : 1 against the background for bars, lines and other marks (WCAG 2.1, 1.4.11). Labels and other text need 4.5 : 1.

Why check colour blindness?

About 1 in 12 men and 1 in 200 women have a red–green colour-vision deficiency. Two series that differ only in red and green can look the same to them.

What if two series look alike?

Change the lightness of one of them, not only the hue, or label the lines and bars directly so colour is not the only cue.

Can I check a light background?

Yes. Switch Background to Light: every ratio and every pair is checked again.

Use it in Chartory

100+ chart types that take your colours.

Every chart reads its colours from tokens, in Figma and React. Pay once, every update.

See plans