Accessibility Font Contrast Checker
Ensure your web layouts remain highly readable. Input foreground text and background colors to calculate live WCAG contrast ratios.
Color Parameters
Large Preview Headline Text
This is a standard body copy paragraph designed to test color contrast ratios. If this text is hard to read, the color combination fails accessibility guidelines.
Frequently Asked Questions
What is WCAG 2.1 contrast ratio?
The Web Content Accessibility Guidelines (WCAG) define recommendations for making web content more accessible. The contrast ratio checks the relative luminance of foreground text against background colors.
What are the AA and AAA standards?
AA standard requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA standard requires a ratio of at least 7:1 for normal text and 4.5:1 for large text.
What is considered large text?
Large text is defined as text that is 18pt (approx 24px) or larger, or 14pt (approx 18.67px) and bold.