Contrast / WCAG Checker

Check whether your foreground and background colors meet WCAG accessibility standards. Critical for dashboards that need to be readable for everyone.

What it does

  • ·Live contrast ratio between any two colors
  • ·Pass / fail badges for AA and AAA at normal and large text sizes
  • ·Live preview shows actual readability against the chosen background
  • ·One-click swap between foreground and background
Preview
The quick brown fox
jumps over the lazy dog. Lorem ipsum dolor sit amet.

Contrast Ratio

15.49:1
Normal text — AA
requires ≥ 4.5:1
PASS
Normal text — AAA
requires ≥ 7:1
PASS
Large text — AA
requires ≥ 3:1
PASS
Large text — AAA
requires ≥ 4.5:1
PASS
UI / non-text
requires ≥ 3:1
PASS
Large text = 18pt+ regular, or 14pt+ bold. WCAG 2.1 standards.