Color Contrast Checker
Test text and background color contrast for WCAG accessibility compliance.
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ or 14px bold).
About this tool
Low contrast text fails WCAG accessibility standards and is hard to read on mobile screens in sunlight. This checker calculates contrast ratio between text and background colors.
How to use the Color Contrast Checker
- 1
Pick or enter hex colors for text and background.
- 2
Preview sample text with your colors.
- 3
Check WCAG AA and AAA pass/fail results.
WCAG levels
AA requires 4.5:1 for normal text, 3:1 for large text (18px+ or 14px bold). AAA is stricter at 7:1 and 4.5:1 respectively.
Accessible design benefits all users — not only those using screen readers.
Pro tips
- Test brand colors on both light and dark backgrounds.
- Do not rely on color alone to convey meaning — add icons or labels.
Social Media Specs & Character Limits
Optimal text formatting, length guidelines, and parameters for all major platforms:
| Platform | Max Length | Ideal Length | Hashtag Policy |
|---|---|---|---|
| Instagram Feed & Reels | 2,200 chars | 125 - 150 chars | 3 - 5 tags (Recomm.) |
| TikTok Posts | 4,000 chars | 100 - 200 chars | 3 - 5 tags (Ideal) |
| YouTube Description | 5,000 chars | 1,500 chars (SEO) | 3 - 10 tags |
| X / Twitter Post | 280 chars | 100 - 140 chars | 1 - 2 tags |
| LinkedIn Articles & Posts | 3,000 chars | 500 - 1,000 chars | 3 - 5 tags |
Frequently Asked Questions
What contrast ratio is required?▼
WCAG AA requires 4.5:1 for normal text and 3:1 for large text.
Why does contrast matter for SEO?▼
Accessible sites improve user experience. Google considers UX signals in rankings.