Loading Legacy
Check color contrast for WCAG accessibility.
Contrast Checker verifies color contrast ratios against WCAG 2.1 standards to ensure your designs are accessible.
Ensure your designs are accessible to everyone. Check contrast ratios against WCAG 2.1 standards for AA and AAA compliance.
Select foreground and background colors.
Check the real-time contrast ratio.
Review the AA/AAA pass/fail status.
We calculate the relative luminance of foreground and background colors to determine the contrast ratio based on the official WCAG 2.1 contrast formula.
It's the standard accessibility level requiring a 4.5:1 ratio for normal text.
Yes, high contrast is essential for users with visual impairments.