Color Contrast Checker
Check foreground/background contrast with WCAG AA/AAA results.
Preview
Sample Text Aa
Check readability for headings and body text
Contrast Ratio
17.74
Normal Text
AA PassAAA Pass
Normal text AA ≥ 4.5, AAA ≥ 7
Large Text
AA PassAAA Pass
Large text AA ≥ 3, AAA ≥ 4.5
About This Tool
The color contrast checker helps you evaluate text readability against backgrounds. Enter foreground and background colors to get the WCAG contrast ratio and AA/AAA compliance for normal and large text. Ideal for accessibility reviews, UI color design, and brand checks. Everything runs locally in your browser.
Features
- ⚖️ WCAG contrast ratio calculation
- ✅ AA/AAA compliance for normal and large text
- 🎨 HEX input with color pickers
- 🧪 Live preview for foreground and background
- 🔒 Local processing with privacy