WCAG Analyzer
Analyze your palette for WCAG compliance. Use WCAG Analyzer free online with no signup, fast results and secure browser-based processing.
Palette to analyze
Contrast matrix
Primary | Secondary | Background | Text | Muted | |
|---|---|---|---|---|---|
Primary | — | 1.15 Fail | 3.68 AA-L | 3.98 AA-L | 1.29 Fail |
Secondary | 1.15 Fail | — | 4.23 AA-L | 3.45 AA-L | 1.12 Fail |
Background | 3.68 AA-L | 4.23 AA-L | — | 14.63 AAA | 4.76 AA |
Text | 3.98 AA-L | 3.45 AA-L | 14.63 AAA | — | 3.07 AA-L |
Muted | 1.29 Fail | 1.12 Fail | 4.76 AA | 3.07 AA-L | — |
WCAG 2.1 Legend
Level AAA
Ratio ≥ 7:1 - Excellence
Level AA
Ratio ≥ 4.5:1 - Standard
AA Large
Ratio ≥ 3:1 - Large text
Fail
Ratio < 3:1 - Non-compliant
WCAG Analyzer helps you work with colors directly in your browser.
The tool is built for designers, developers and creators who need fast, reliable results.
Supported formats
How it works
Step 1
Open WCAG Analyzer
Step 2
Enter or import your colors
Step 3
Copy, export or reuse the result
Common mistakes to avoid
- Forgetting to check contrast can hurt readability.
- Using too many colors can make a palette harder to apply.
Pro tips
- Keep your main colors as CSS variables.
- Test your palette in both light and dark mode before publishing.
Privacy guaranteed: everything is processed locally in your browser.
Processing happens locally in your browser whenever possible. No account is required.
WCAG Analyzer for your color projects
Analyze your palette for WCAG compliance.
WCAG Analyzer without precision loss
Conversions and calculations run on exact values (HEX, RGB, HSL, OKLCH). No visual approximation: you get the color true to your design intent.
WCAG Analyzer free online
No signup, no software download required. WCAG Analyzer is 100% free and works in any browser. The free plan includes 10 uses per day.
WCAG Analyzer fast and secure
Processing happens directly in your browser for maximum speed. No data is sent to our servers: your colors and files stay private on your device.
WCAG Analyzer for sharing and collaboration
Export your results as HEX, RGB, HSL, CSS, JSON or copy them in one click. Perfect for sharing a color guide with your team or documenting a design system.
Discover all our Color tools
Extract, convert, generate palettes, gradients and WCAG contrasts in a few clicks.
Related tools
Guides and tutorials
Learn how to use our tools with our detailed guides.
wcag-analyzer: practical accessibility guide
Localized guide to use wcag-analyzer, understand accessibility best practices and avoid common mistakes.
wcag-analyzer: practical accessibility guide
Localized guide to use wcag-analyzer, understand accessibility best practices and avoid common mistakes.
wcag-analyzer: practical export guide
Localized guide to use wcag-analyzer, understand export best practices and avoid common mistakes.