WCAG AA & AAALive PreviewColor SuggestionsFree
Sample Text
The quick brown fox jumps over the lazy dog.
Small text at 14px for reference.
12.63:1
Contrast Ratio
AA Normal Text
Pass (4.5:1)
AA Large Text
Pass (3:1)
AAA Normal Text
Pass (7:1)
AAA Large Text
Pass (4.5:1)
Frequently Asked Questions
What is WCAG contrast?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for text accessibility: 4.5:1 for AA normal, 3:1 for AA large, 7:1 for AAA normal, 4.5:1 for AAA large.
What contrast ratio should I aim for?
At minimum, aim for WCAG AA (4.5:1 for normal text). For best accessibility, target WCAG AAA (7:1).
How is the ratio calculated?
Using the relative luminance formula defined in WCAG 2.0: (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter color.
Love this tool? Explore 999+ more
Free online tools for images, PDFs, text, code, and more. All running in your browser.
Explore All Tools