Contrast Checker

Verify your foreground and background color choices meet WCAG 2.1 and APCA (WCAG 3.0 draft) accessibility guidelines for text contrast.

Algorithm

Foreground (text)

Background

Preview

Large Text (24px bold)

Normal body text at 16px. The quick brown fox jumps over the lazy dog.

Small text at 14px — check readability carefully at smaller sizes.

14.68:1

AA Normal Text (≥ 4.5:1)Pass

AA Large Text (≥ 3:1)Pass

AAA Normal Text (≥ 7:1)Pass

AAA Large Text (≥ 4.5:1)Pass

Traditional contrast ratio (1:1 to 21:1). Standard for current web accessibility.