Color contrast (WCAG)
Check the contrast ratio of text and background against the WCAG standard. See whether the colors meet AA and AAA readability levels.
–Contrast ratio
–AA (normal text)
–AAA (normal text)
Sample text – how readable is it?
FAQ
What is a contrast ratio and what value is enough?
The luminance ratio of text to background (1:1 to 21:1). WCAG recommends at least 4.5:1 for normal text (AA) and 7:1 for AAA. Large text has lower requirements.
How is the ratio calculated?
From the relative luminance of the colors per WCAG 2.1. It runs in your browser.