WCAG Contrast Calculator
Calculate contrast ratio between text and background to test compliance. Fast, free, and fully client-side.
Preview Title Text
This is a sample of small copy text designed to check readability and visual contrast ratios. If the text blends too much with the background, it will fail AA or AAA guidelines.
Contrast Ratio1.00 : 1
WCAG 2.1 Compliance
Normal Text (< 18pt)
❌ AA Fail(req. 4.5:1)
❌ AAA Fail(req. 7.0:1)
Large Text (> 18pt)
❌ AA Fail(req. 3.0:1)
❌ AAA Fail(req. 4.5:1)
How the WCAG Contrast Calculator Works
Tests color contrast ratio between text foreground and background colors according to Web Content Accessibility Guidelines (WCAG 2.1) AA and AAA standards.
Usage Example
Checks contrast compliance for normal text (minimum 4.5:1 for AA) and large text (3:1 for AA).
Frequently Asked Questions
What is the minimum WCAG AA contrast ratio?
WCAG AA requires at least 4.5:1 for body text and 3:1 for large text (18pt or 14pt bold).