Contrast Checker

Check if two colors meet WCAG 2.1 AA/AAA accessibility contrast requirements for text. Instant.

3 free tries left for this tool todayStart free 3-day trial →

Colors

Text Color

Background Color

Contrast Ratio

17.74:1

The quick brown fox

Normal size body text preview — jumps over the lazy dog.

WCAG 2.1 Compliance

AA — Normal text (4.5:1)

AA — Large text (3:1)

AAA — Normal text (7:1)

AAA — Large text (4.5:1)

Enter a text color and background color to instantly see the contrast ratio and whether it passes WCAG 2.1 AA and AAA thresholds for normal and large text — essential for accessible web and app design.

よくある質問 (FAQ)

What is the difference between AA and AAA?

AA is the standard legal accessibility requirement most sites target. AAA is a stricter, optional level for maximum accessibility, harder to meet with brand colors.

What counts as "large text" for the 3:1 threshold?

Text that is at least 18pt (24px), or 14pt (18.66px) bold, per the WCAG 2.1 definition.

Does this check colorblind-safe contrast too?

This tool checks luminance contrast per WCAG, which helps broadly, but for color-vision-deficiency specifically, use the separate Color Blindness Simulator tool.

その他のツールも順次翻訳対応中です — 英語カタログにて全ツールをご利用いただけます。

すべてのツール →