Design Tools
Color Contrast Checker
Check foreground and background colors against WCAG AA and AAA text contrast requirements with a live preview. Everything runs in your browser.
Use a color picker or enter a 3- or 6-digit HEX color.
Contrast ratio
The quick brown fox
This is a preview of normal text using your selected colors. Try different combinations to find a readable pair.
Understanding color contrast
WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text. Large text is at least 18 pt (24 px), or 14 pt (about 18.67 px) when bold.
Results use opaque sRGB colors and the full, unrounded contrast ratio. The displayed ratio is rounded to two decimals. These checks cover text contrast only; they do not establish accessibility for an entire page. All calculations stay in your browser without uploads or storage.
