WCAG Contrast Checker
Enter foreground and background colours to instantly see their contrast ratio and WCAG 2.1 AA/AAA compliance. Essential for accessible design.
Colours
Quick Presets
Preview
Large Text (18pt Bold)
Normal text at 14px — The quick brown fox jumps over the lazy dog. This is a sample sentence to evaluate readability.
Small/UI text · 12px · Monospace
Contrast Ratio
—
:1
1:1 (fail)
3:1 AA Large
4.5:1 AA
7:1 AAA
21:1 max
🔒 All calculations run entirely in your browser. No data is sent anywhere.