Color Contrast Checker
Check the contrast ratio between two colors against WCAG AA and AAA standards.
Runs in your browser — files never leave your device
The quick brown fox jumps over the lazy dog.
Sample preview text at your chosen colors.
17.08:1AA Large ✓AA ✓AAA ✓
How it works
Pick a text and background color to see the WCAG contrast ratio and pass/fail badges.
Use it to keep your UI accessible and legible.
Frequently asked questions
- What do AA and AAA mean?
- WCAG levels: AA needs 4.5:1 for normal text (3:1 for large); AAA needs 7:1. Higher is more readable.
- Is anything uploaded?
- No — the contrast ratio is computed in your browser.
Related tools
- Percentage CalculatorWork out percentages: X% of Y, what percent one number is of another, and percentage change.
- Color Converter (HEX / RGB / HSL)Convert colors between HEX, RGB and HSL and preview the result.
- QR Code GeneratorCreate QR codes for URLs, text, Wi-Fi and contacts in your browser and download as PNG.
- Barcode GeneratorGenerate Code128, EAN and UPC barcodes locally and download as an image.
- Password GeneratorGenerate strong, random passwords with custom length and character sets — in your browser.
- Passphrase GeneratorCreate memorable, secure passphrases from random words.