Contrast Checker
Check color contrast ratios for accessibility. Verify WCAG AA and AAA compliance for text colors. Free, accurate, and essential for accessible design.
Loading tool...
How to Check Color Contrast
Pick Colors
Enter HEX values or use the color pickers for text and background colors.
View Results
See the contrast ratio and WCAG compliance levels instantly.
Adjust Colors
Tweak colors until you achieve the desired accessibility level.
Why Use Our Contrast Checker?
WCAG Compliance
Check AA and AAA compliance for normal and large text.
Visual Preview
See exactly how your text looks against the background.
Completely Free
No limits, no signup.
Private & Secure
All calculations happen in your browser.
Frequently Asked Questions
What is WCAG?
WCAG (Web Content Accessibility Guidelines) are standards for making web content accessible to people with disabilities. AA is the minimum recommended level.
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+ regular). AAA requires 7:1 and 4.5:1 respectively.
How is contrast ratio calculated?
It is calculated using the relative luminance of the two colors. The formula is (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter color.
What is large text?
Large text is defined as 18 point (24px) or larger bold text, or 24 point (32px) or larger regular text.
Is my data sent anywhere?
No. All calculations happen locally in your browser.