COLOR CONTRAST CHECKER
Color Contrast Checker
Check WCAG AA and AAA accessibility contrast ratios between text and background colors.
- WCAG 2.1 AA and AAA compliance check
- Live contrast ratio display
- Normal and large text thresholds
- Live preview of text on background
- Suggestions for passing colors
Tip
Easily inspect, convert, and harmonize palette swatches across HEX, RGB, and HSL.
How It Works
3 simple steps01
Enter foreground color
Pick your text color.
02
Enter background color
Pick your background color.
03
Check compliance
See pass/fail for WCAG AA and AAA.
Frequently Asked Questions
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios to ensure readability for users with visual impairments.
Related Utilities
Your files are processed locally in your browser. No data is uploaded to any server.