About Contrast Checker
Web accessibility isn't optional — in many countries, it's a legal requirement. WCAG (Web Content Accessibility Guidelines) specifies minimum contrast ratios to ensure text is readable by people with visual impairments and color blindness. Our free Contrast Checker instantly calculates the contrast ratio between any text color and background color and tells you whether it passes WCAG 2.1 AA and AAA levels.
WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt+) at AA level. For AAA (enhanced) compliance, the requirements are 7:1 for normal text and 4.5:1 for large text. Our tool checks both levels simultaneously and tells you exactly which criteria your color combination passes or fails.
The tool is essential for designers and developers building inclusive web products. Beyond legal compliance, high-contrast text is simply easier to read for all users — especially in bright sunlight on mobile screens. Our checker also suggests adjusted colors automatically if your current combination fails, so you can fix accessibility issues without guessing.
How to Use the Contrast Checker
Enter text color
Input your text color as HEX, RGB, or HSL, or use the color picker.
Enter background color
Input your background color using the same method.
View results
The contrast ratio, WCAG AA pass/fail, and WCAG AAA pass/fail are shown instantly.
Adjust colors if needed
If you fail, adjust the colors using the pickers until you reach compliance.
Key Features & Highlights
Common Use Cases
- Verify button and text colors meet WCAG AA requirements
- Check form field label contrast for accessibility compliance
- Audit a design system color palette for accessibility
- Test navigation menu contrast in light and dark modes
- Verify link color contrast against body text
Frequently Asked Questions
WCAG 2.1 AA (the most commonly required standard) requires 4.5:1 for normal text and 3:1 for large text (18pt bold or 24pt regular). AAA requires 7:1 and 4.5:1 respectively.
AAA is not required by most accessibility laws (ADA, EAA, etc.) — AA is the legal standard in most jurisdictions. AAA is considered 'enhanced' and is recommended for critical content like government and healthcare sites.
Yes, 100% free with no hidden fees, subscriptions, or account requirements.
Everything runs client-side directly inside your web browser. No files, texts, or parameters are sent to our servers.
Yes, our tools are fully responsive and work seamlessly on iPhones, iPads, Android smartphones, and tablets.