Contrast Checker

Check the contrast ratio between two colors against WCAG AA and AAA thresholds.

Foreground (text)

Background

Almost before we knew it

Small text sample for contrast.

Contrast ratio

7.84:1

AA Normal

AA Large

AAA Normal

AAA Large

Ratios follow WCAG 2.1: AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1. Large = 18pt+ or 14pt+ bold. All local.