Color Contrast Checker

Colors

Foreground (Text)

Background

The quick brown fox jumps over the lazy dog

Normal text sample — 14px regular weight

17.40:1

Contrast Ratio

AA — Normal text

≥ 4.5:1 required

Pass

AA — Large text

≥ 3:1 required

Pass

AAA — Normal text

≥ 7:1 required

Pass

AAA — Large text

≥ 4.5:1 required

Pass

AA = minimum standard · AAA = stricter · Large text: ≥ 18px regular or ≥ 14px bold

How to use

1.
Enter a foreground (text) color and a background color
2.
The contrast ratio and WCAG AA / AAA pass/fail results update instantly

Common uses

▸
Ensuring text is readable for users with low vision
▸
Meeting WCAG 2.1 compliance requirements for web apps
▸
Checking color choices before finalising a design

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively. Large text is defined as 18pt regular or 14pt bold.