Color Contrast Checker – WCAG Accessibility Test
Check color contrast free — test text and background colors against WCAG AA and AAA standards, with a one-click suggested fix. No signup.
Tool Interface
Test any text and background color pair against WCAG accessibility standards — and get a one-click fix when they fail. Free, instant, no signup.
The quick brown fox jumps over the lazy dog
Large text sample — 18pt and above (or 14pt bold)
— : 1
Doesn't pass? Try the nearest color that passes AA for normal text:
How to use
- Pick a text color and a background color — use the picker or paste a hex code.
- See the live preview and the exact contrast ratio.
- Check the badges — AA and AAA for normal and large text.
- Failing? Click Apply on the suggested fix to use the nearest passing color.
- WCAG AA requires 4.5:1 for normal text and 3:1 for large text.
- WCAG AAA requires 7:1 for normal text and 4.5:1 for large text.
100% private — everything runs in your browser.
Rate this tool
About This Tool
Introduction
Make your website accessible with the Trencada Color Contrast Checker. Test any text and background color pair against WCAG AA and AAA standards, see the exact contrast ratio, and get a one-click suggested fix when your colors fail. Free, no signup, instant.
How to Use
- Pick a text color and a background color — use the picker or paste a hex code.
- See the live preview and the exact contrast ratio.
- Check the badges — AA and AAA for normal and large text.
- Failing? Click Apply on the suggested fix to use the nearest passing color.
Key Features
- Exact WCAG contrast ratio calculation
- AA and AAA badges for normal and large text
- Live text preview
- One-click nearest-passing-color fixer
- Swap-colors button
- Copy hex to clipboard
- Free forever, no signup
- 100% private — everything runs in your browser
Why Choose Trencada
Free forever, no account, no tracking. Works on phone, tablet, and desktop.
FAQ
Is it free? Yes — all Trencada tools are free with no signup.
What is WCAG AA? The accessibility standard requiring 4.5:1 contrast for normal text and 3:1 for large text.
What is the suggested fix? The nearest color (keeping the same hue) that passes AA for normal text.
Do you store my colors? No — everything runs in your browser.