- Pick foreground and background colors.
- See live contrast ratio.
- Check AA/AAA pass/fail for normal and large text.
Color Contrast Checker — WCAG Compliance
Check color contrast ratios for WCAG 2.1 AA and AAA compliance. Real-time preview with pass/fail badges for normal and large text.
WCAG Levels
- AA Normal: 4.5:1 minimum
- AA Large: 3:1 minimum
- AAA Normal: 7:1 minimum
- AAA Large: 4.5:1 minimum
Features
- Live color preview
- Color picker + hex input
- Swap colors button
- Dark mode support