A11y Color Checker

Check foreground and background colour combinations against WCAG AA and AAA contrast requirements.

Colours

Foreground

#000000

luminance: 0.0000

Background

#ffffff

luminance: 1.0000

Results

Contrast ratio

21.00:1

AAA

3:14.5:17:121:1

Foreground0.0000luminance

Background1.0000luminance

AA Normal

Body text, UI labels (≥4.5:1)

Pass

AA Large

18pt+ or 14pt+ bold (≥3:1)

Pass

AAA Normal

Enhanced standard (≥7:1)

Pass

AAA Large

Enhanced large (≥4.5:1)

Pass

Preview

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

Large text — The quick brown fox.