WCAG Color Contrast Checker
Test AA/AAA contrast and get compliant color tweaks.
Want to create short URLs? Sign up for free to get started.
About WCAG Color Contrast Checker
Check WCAG contrast fast
Test foreground and background colors against WCAG AA/AAA guidelines for normal and large text.
How it works
- Pick your foreground and background colors.
- Review the contrast ratio and AA/AAA pass or fail results.
- Apply suggested compliant colors and export CSS variables.
Key features
- Contrast math: WCAG 2.1 compliant ratio calculations.
- Nearest fixes: suggested color tweaks to pass AA or AAA.
- Palette export: copy CSS variables like --primary and --on-primary.
Related Tools
More tools you may find useful.
Image Compressor
Text to Base64 Converter
Image to Base64 Converter
Image Converter
Robots.txt Generator
Structured Data Markup Generator
QR Placement Size Calculator
Photo Watermarker
Add Text to Photo
Sitemap Validator
Sitemap URLs Comparison
Twitter Photo Resizer
LinkedIn Photo Resizer
Twitter Thread Maker
Photo Collage Maker
Email Signature Generator
WebP to PNG Converter
JPG to WebP Converter
Google Review Link Generator
Landing Page Share & SEO Audit