Contrast Checker
Compute the WCAG contrast ratio between text and background colors and check AA/AAA compliance.
Design
How to use
- Enter the text and background colors (or use the color picker).
- The contrast ratio and a preview appear instantly.
- Check AA/AAA (normal and large) with ✓ / ✗.
FAQ
What counts as "large" text?
18pt (or 14pt bold) and above. AA needs 4.5:1 normal / 3:1 large; AAA needs 7:1 / 4.5:1.
Which color formats are supported?
#hex (3 or 6 digits) and rgb() / rgba().
Is my data uploaded?
No. Everything runs entirely in your browser.