Color Contrast Checker
⚖️ Contrast‑A WCAG 2.1
pick foreground & background · instant ratio + pass/fail for AA / AAA
📝 Foreground (text)
← click swatch or type hex
🖼️ Background
🔍 real‑time preview
Great contrast
small body text · WCAG
8.5:1
AA (normal text)
4.5
AAA (normal text)
7.0
AA large text (18pt/14pt bold)
3.0
UI components (minimum)
3.0
✅ AAA normal & large text pass · excellent contrast