Color Contrast Checker
Check color contrast ratios for WCAG AA and AAA accessibility compliance.
Ratio: 21:1
Sample text to test readability
WCAG Compliance
Supported formats
How it works
Enter foreground and background colors
Check the contrast ratio
See WCAG compliance level
Privacy guaranteed
Your image is analyzed directly in your browser. No files are sent to our servers, ensuring complete privacy.
Ensure Accessible Color Contrast
Test your color combinations against WCAG 2.1 guidelines to ensure your website's full accessibility. Verify AA and AAA contrast ratios for both normal and large text in real time, instantly.
Check the contrast of two colors
Enter a text color and a background color to instantly get the WCAG contrast ratio. The tool tells you if the combination passes AA and AAA for normal and large text.
WCAG 2.1 AA and AAA compliance
The calculation follows the official WCAG 2.1 formula. A ratio of at least 4.5:1 validates AA for normal text, and 7:1 validates AAA. The tool removes any manual calculation and secures your accessibility audits.
Automatic suggestions to reach AA
If the combination fails, the tool suggests lightness adjustments that keep the base hue while reaching the minimum required contrast. You preserve your brand identity while respecting accessibility.
Real-world preview: heading, paragraph, button
Preview the chosen colors on a realistic sample including a heading, paragraph and button. This in-context preview lets you quickly assess final readability before integration.
Free tool, ideal for accessibility audits
Our contrast checker is used by designers, developers and RGAA/WCAG auditors to validate color choices. It is free, runs in the browser, and helps document accessibility decisions quickly.