Colour accessibility
matrix generator

Build a WCAG 2.1 contrast matrix for your brand guidelines.

v2.0 ☕ Buy me a coffee
Step 1 — Add your brand colours
Always included
White fixed
Black fixed
Your brand colours — unlimited
Step 2 — Your contrast matrix
AAA ≥ 7:1 — all text sizes
AA ≥ 4.5:1 — all text sizes
AA* ≥ 3:1 — large text only (18pt+ or 14pt+ bold)
Fail below 3:1 — do not use for text
Step 3 — Export for your brand guidelines