WCAG Color Contrast Checker
WCAG requires a minimum contrast ratio between text and background — 4.5:1 for normal text at AA, 7:1 at AAA. This tool calculates the exact ratio between any two colors and tells you which levels they pass.
How to Use WCAG Color Contrast Checker
-
Select Foreground & Background: Pick or type HEX/RGB values for text and background.
-
Review Contrast Ratio: Inspect real-time contrast ratio calculated according to WCAG formulas.
-
Audit Compliance Badges: Check pass/fail indicators for WCAG AA, AAA, Normal Text, and Large Text.
Frequently Asked Questions
- What's the minimum contrast for large text?
- 3:1 at AA level (text 18pt+ or 14pt+ bold).
- Does this check images or only text/background pairs?
- Text and background color pairs only.
Related Tools & Resources