Design & Color
Free WCAG Contrast Checker
Check text and UI color contrast ratios against common WCAG AA and AAA thresholds.
WCAG Contrast Checker
Files you add are processed entirely in your browser — nothing is uploaded to our servers.
How it's calculated
- • Computes relative luminance for the foreground and background colors.
- • Contrast ratio is calculated as (lighter + 0.05) divided by (darker + 0.05).
- • Shows common WCAG thresholds: 4.5:1 for normal AA text, 3:1 for large text and non-text UI, and 7:1 for normal AAA text.
Sources & References
This tool provides estimates for general guidance only and may not reflect the latest rules or your company's specific policies. Always verify against official government tables and consult a professional before relying on the result.
Comments & Suggestions (0)
Be the first to leave a comment or suggestion.