Color Contrast Checker

Check whether your text colors meet accessibility standards with this WCAG color contrast checker. Pick a foreground and background color and instantly see the exact contrast ratio plus pass/fail results for WCAG AA and AAA, for both normal and large text. A live preview shows real sample text in your chosen colors.

Meeting contrast thresholds (4.5:1 for normal AA text, 3:1 for large) keeps your interface readable for everyone, including users with low vision. The tool also suggests a tint-and-shade palette from your foreground color so you can find an accessible variant fast. It runs fully in your browser - no uploads, no signup - and works offline once the page has loaded.