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.

اکثر پوچھے گئے سوالات

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.

مزید ٹولز کا ترجمہ جاری ہے — باقی ٹولز کے لیے انگریزی کیٹلاگ دیکھیں۔

تمام ٹولز →