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.
Add Rainbow Filter to Image
Add Text to Photo
AVIF Converter
Base64 to ASCII Converter
Base64 to Audio Converter
Base64 to File Converter
Base64 to Hex Converter
Base64 to Image Converter
Base64 to PDF Converter
Base64 to Text Converter
Base64 to Video Converter
Bulk Image Resizer
Canonical URL Checker
Change Horizontal Image to Vertical
Change Vertical Image to Horizontal
CMYK To Pantone
Color Converter (HEX/RGB/HSL)
Color Palette Generator
Color Picker From Image
Conversion Rate Calculator