DCPIXEL
Alla verktyg

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.

Vanliga frågor och svar

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.

Fler verktyg översätts löpande — se hela den engelska katalogen för allt annat.

Alla verktyg →