WCAG Contrast Checker

Check if your color combinations meet WCAG accessibility standards.

Foreground (Text)

Background

12.63

Contrast Ratio

AA Normal

—

(4.5:1)

AA Large

—

(3:1)

AAA Normal

—

(7:1)

AAA Large

—

(4.5:1)

Large Text (24px bold)

Normal text at 18px — The quick brown fox jumps over the lazy dog.

Small text at 14px — Pack my box with five dozen liquor jugs.

About WCAG Contrast

WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for enhanced contrast (AAA). Large text (18pt+ or 14pt+ bold) has lower requirements: 3:1 for AA and 4.5:1 for AAA.