DCPIXEL
Visi įrankiai

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

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.

Dažniausiai užduodami klausimai

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.

Daugiau įrankių yra verčiama — peržiūrėkite visą katalogą anglų kalba.

Visi įrankiai →