Contrast Checker

Enter a foreground and background color to check whether they meet WCAG accessibility standards. See the exact contrast ratio and pass/fail results for AA and AAA compliance at both normal and large text sizes.

Foreground

Background

Large Text Preview

Normal text preview — the quick brown fox jumps over the lazy dog.

Small text looks like this at 14px.

13.98:1

Contrast Ratio

AA NormalPass

AA LargePass

AAA NormalPass

AAA LargePass

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt bold+). AAA requires 7:1 for normal text and 4.5:1 for large text.