FREENo Sign-upInstant Results100% Browser-Based
Color Contrast Checker
Enter foreground and background colors to check WCAG AA/AAA contrast compliance for accessibility.
WCAG Contrast Requirements
4.5:1
AA — Normal text (under 18pt)
3:1
AA — Large text (18pt+ or 14pt bold)
7:1
AAA — Normal text (highest standard)
4.5:1
AAA — Large text
3:1
AA — UI components and graphics
All calculations run in your browser — nothing is sent or stored. Browse all free tools · Etsy Shop ↗
Frequently Asked Questions
What is WCAG?
Web Content Accessibility Guidelines (WCAG) are international standards for web accessibility. Level AA is the minimum required by most accessibility laws (ADA, EU Web Accessibility Directive). Level AAA is the highest standard — harder to achieve but better for users with visual impairments.
What contrast ratio do I need for accessible web design?
WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). AAA requires 7:1 and 4.5:1. A good rule: black (#000) on white (#fff) is 21:1. Dark gray (#333) on white is about 12:1 — both pass all levels.