Free Color Contrast Checker
Check if your text and background colors meet WCAG accessibility standards. See contrast ratio, AA/AAA compliance, and live preview of your color combination. No signup required.
100% free — no account needed
Contrast Ratio
21:1
AA Normal
4.5:1
AA Large
3:1
AAA Normal
7:1
AAA Large
4.5:1
Preview
Heading Text
Body text looks like this at normal size.
Small text appears like this.
Free Color Contrast Checker Features
Ensure your content is readable by everyone
Live Preview
See your text on your background color in real time as you adjust.
Contrast Ratio
Calculated using WCAG's relative luminance formula for accurate results.
Swap Colors
One-click swap between text and background colors.
WCAG Compliance
Check AA and AAA pass/fail for both normal and large text sizes.
FAQ
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. WCAG AAA requires 7:1 for normal text and 4.5:1 for large text.
What counts as large text?
Large text is 18pt (24px) or larger, or 14pt (18.5px) bold or larger. Large text has a lower contrast requirement because it's easier to read.
Why does accessibility matter?
About 15-20% of people have some form of visual impairment. Good contrast ensures your content is readable by the widest possible audience and is often legally required.
Create Accessible Social Media Content
Ensure your branded content is readable and accessible.