Color Contrast Checker
Checks the WCAG contrast ratio between two colors for accessibility.
Lilu Baba's Color Contrast Checker computes the exact WCAG 2.x contrast ratio between two colors and shows whether it passes AA and AAA accessibility thresholds.
How to use this tool
- Pick a text color and a background color.
- The WCAG contrast ratio and AA/AAA pass/fail results update instantly.
FAQ
Color Contrast Checker — frequently asked questions
WCAG AA requires at least 4.5:1 for normal text (3:1 for large text); AAA requires 7:1 for normal text (4.5:1 for large text).
Using each color's relative luminance per the WCAG formula: (lighter luminance + 0.05) ÷ (darker luminance + 0.05).