Color Contrast Checker
Check color contrast ratios for WCAG accessibility compliance. Test text and background color combinations.
Contrast Ratio
14.68:1
Excellent
WCAG Checks
5/5
All pass
Preview
Aa
Heading Text
This is normal body text at standard size.
This is small text — harder to read at low contrast ratios.
12px caption text (requires higher contrast)
WCAG 2.1 Compliance
AA Normal Text
Required: ≥ 4.5:1PASS
AA Large Text
Required: ≥ 3:1PASS
AAA Normal Text
Required: ≥ 7:1PASS
AAA Large Text
Required: ≥ 4.5:1PASS
AA UI Components
Required: ≥ 3:1PASS
What This Means
✅ Excellent contrast. This color combination passes all WCAG levels including AAA for normal text. It works for all text sizes and user needs.
Frequently Asked Questions
What is WCAG color contrast?▼
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors to ensure readability for people with visual impairments. Level AA requires 4.5:1 for normal text and 3:1 for large text. Level AAA requires 7:1 for normal text and 4.5:1 for large text.
What counts as "large text" in WCAG?▼
Large text is defined as 18pt (24px) and above for regular weight, or 14pt (18.66px) and above for bold weight. Large text has a lower contrast requirement (3:1 for AA) because it is inherently easier to read.
What contrast ratio should I aim for?▼
For most web content, aim for at least 4.5:1 (WCAG AA for normal text). For the best accessibility, target 7:1 (WCAG AAA). Most major brands achieve AA compliance. AAA is ideal but not always required by law.
Is my data stored or sent to a server?▼
No. All calculations happen entirely in your browser. No data is stored or transmitted.
Accessible design needs accessible content too
Color contrast ensures visual accessibility. TeamBench ensures content accessibility — plain language, readability, inclusive tone. Build a reviewer that scores content for accessibility alongside quality.
- Score content for readability and accessibility
- Custom criteria for plain language and inclusive tone
- Enforce accessible communication across your team
- Free to start — no credit card required