Email Color & Contrast Checker analyzes the color combinations in your HTML email for accessibility compliance. It extracts every text and background color pair, calculates WCAG contrast ratios, and flags combinations that are hard to read — helping you build emails that everyone can access.
Email Color & Contrast Checker
Check color contrast ratios in your HTML email for WCAG compliance. Analyze background colors, text readability, button visibility, and accessibility across light and dark modes.
21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
Normal text (16px) — The quick brown fox jumps over the lazy dog.
Large text (24px)
Small text (12px) — Fine print and disclaimers
Link text example
Common pairs:
About Email Color & Contrast Checker
Features
- HTML color extraction: Scans all inline and embedded colors
- WCAG AA & AAA grading: Pass/fail for normal and large text
- Manual color pair checker: Test any two colors instantly
- Live preview: See how text looks on the background
- Dark mode simulation: Check contrast after dark mode inversion
How to Use
- Paste HTML or use the manual color picker
- Click Analyze to scan all color pairs
- Review results — fix any failing pairs
Benefits
- Ensure email readability for all recipients
- Meet WCAG accessibility standards
- Catch low-contrast text before sending
Frequently Asked Questions
What is a contrast ratio?
Contrast ratio measures the difference in luminance between two colors on a scale from 1:1 (no contrast, identical colors) to 21:1 (maximum contrast, black on white). WCAG guidelines require minimum ratios for text readability.
What are the WCAG requirements?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ or 14px+ bold). WCAG AAA requires 7:1 for normal text and 4.5:1 for large text. These ensure readability for people with visual impairments.
Does this tool scan my HTML email?
Yes. It extracts all color and background-color declarations from your HTML, pairs them (text color on its nearest background), calculates contrast ratios, and flags pairs that fail WCAG AA or AAA standards.
Can I check individual color pairs?
Yes. Use the Manual Check tab to enter any foreground and background color and instantly see the contrast ratio, WCAG pass/fail status, and a live preview.
Is my HTML stored?
No. All analysis runs in your browser. Nothing is transmitted.