Color Contrast Checker

Check your color combinations against WCAG 2.1 accessibility standards. Enter two hex colors to see the contrast ratio and compliance levels.

Text Color

Background Color

Contrast Ratio

18.88 : 1

AA NormalAA LargeAAA NormalAAA Large

Large Text Preview (24px bold)

Normal body text at 16px. This is how your content would look with this color combination. Good contrast ensures readability for all users, including those with visual impairments.

Small text at 14px — harder to read with low contrast. WCAG recommends a minimum 4.5:1 ratio for normal text and 3:1 for large text.

WCAG 2.1 Requirements

AA — Normal Text

Requires ≥ 4.5 : 1

Pass

AA — Large Text

Requires ≥ 3 : 1

Pass

AAA — Normal Text

Requires ≥ 7 : 1

Pass

AAA — Large Text

Requires ≥ 4.5 : 1

Pass