Check if your foreground and background colors meet WCAG 2.1 accessibility standards. Instant pass/fail for AA and AAA levels, both normal and large text.
Contrast Ratio
17.40:1
Overall Grade
AAAWCAG AA
WCAG AAA
Preview
The quick brown fox
Jumps over the lazy dog. The five boxing wizards jump quickly.
Small text — 14px. How readable is this combination? Check the contrast ratio above to make sure your users can comfortably read your content.
WCAG 2.1 defines minimum contrast ratios for readable text. AA is the standard legal requirement in most jurisdictions. AAA is the enhanced level, recommended for body text and critical interfaces.
WCAG AA
Normal text: 4.5:1 minimum
Large text: 3:1 minimum
(Large = 18pt / 14pt bold)
WCAG AAA
Normal text: 7:1 minimum
Large text: 4.5:1 minimum
(Enhanced accessibility)
The contrast ratio is computed using the WCAG relative luminance formula, which accounts for the non-linear perception of brightness in the human visual system.