Brand Color Accessibility Checker
Brand Color Accessibility Checker
A palette that looks fine in slides can break at body size. Check a single pair, then sweep up to 8 colors, see the WCAG grade and AA pass rate, and pick the text background combos that stay readable.
See how this tool connects to category hubs, workflow paths, starter kits, and adjacent next steps.
Starter Kits Including This Tool
Recommended: Value Prop Clarity Scorecard
Visual contrast is solid. Improve message clarity to match visual quality.
Single pair checker
Test one foreground/background pairing for text readability.
Contrast Preview
Use this as a quick sanity check for headings, labels, and body copy.
Contrast Ratio
17.74:1
WCAG Grade
AAAAA Small Text
PassPalette sweep
Add up to 8 colors. The checker ranks the strongest text/background pairs.
5 colors · paste comma-separated hex to add multiple
Palette Summary
20 checked pairs
40% AA pass rate| Rank | Pair | Ratio | Grade | AA Small Text | Preview | Action |
|---|---|---|---|---|---|---|
| Best | #111827 on #FFFFFF | 17.74:1 | AAA | Pass | Aa Preview | |
| Strong | #FFFFFF on #111827 | 17.74:1 | AAA | Pass | Aa Preview | |
| Good | #111827 on #F59E0B | 8.26:1 | AAA | Pass | Aa Preview | |
| Valid | #F59E0B on #111827 | 8.26:1 | AAA | Pass | Aa Preview | |
| Valid | #111827 on #14B8A6 | 7.13:1 | AAA | Pass | Aa Preview | |
| Valid | #14B8A6 on #111827 | 7.13:1 | AAA | Pass | Aa Preview | |
| Valid | #111827 on #3B82F6 | 4.82:1 | AA | Pass | Aa Preview | |
| Valid | #3B82F6 on #111827 | 4.82:1 | AA | Pass | Aa Preview |