Color Accessibility Checker
Check color contrast for WCAG compliance
Check color accessibility according to WCAG standards. Test single color pairs, batch test multiple combinations, and export professional reports.
Recent History
Favorites
Note: Transparency calculated for current background only
Live Preview
Sample Heading Text
This is regular paragraph text at 18px size. The quick brown fox jumps over the lazy dog.
This is smaller text at 16px size. It should be readable if it passes WCAG AA standards.
Contrast Ratio: :1
Accessibility Score
Suggested Accessible Colors
WCAG Compliance Details
WCAG 2.0 Level AA
WCAG 2.0 Level AAA
Quick Presets
✅ WCAG AA Compliant
❌ Common Failures (Educational)
Understanding WCAG Standards
WCAG AA: Minimum level for most websites. Normal text requires 4.5:1, large text (18pt+) requires 3:1.
WCAG AAA: Enhanced level for maximum accessibility. Normal text requires 7:1, large text requires 4.5:1.
Large Text: Defined as 18pt (24px) or larger, or 14pt (18.66px) bold or larger.
Recommendation: Aim for WCAG AA as a minimum standard for all web content.
Batch Color Testing
Enter multiple color pairs to test, one per line. Format: #foreground,#background
Test Results ( pairs)
| Foreground | Background | Ratio | AA Normal | AAA Normal |
|---|---|---|---|---|
|
|
|
Advanced Accessibility Tools
Coming soon: Interactive contrast slider, advanced color manipulation tools, and more professional features for designers and developers.
Share this color combination
Share this URL to let others see your color combination:
Export Results
Choose an export format:
Was this result helpful?
Thank you for your feedback!
Your input helps us improve our tools.