Color Contrast Checker
Check if your color combinations meet WCAG 2.1 accessibility standards for text readability.
The quick brown fox jumps over the lazy dog
This is how your text will look with these colors. Regular paragraph text should be easy to read.
Small text like captions and footnotes needs even more contrast to remain accessible.
WCAG AA
Normal textPass
Large textPass
WCAG AAA
Normal textPass
Large textPass
Check your Instagram feed's color harmony
Analyze the contrast and consistency of your Instagram palette. Get an aesthetic score and improvement suggestions.
Learn More
What is Color Contrast?
Color contrast refers to the difference in luminance between text and its background. Sufficient contrast ensures that text is readable for everyone, including people with visual impairments or color vision deficiencies.
WCAG Contrast Requirements
- WCAG AA — At least 4.5:1 for normal text and 3:1 for large text (18px+ or 14px+ bold)
- WCAG AAA — At least 7:1 for normal text and 4.5:1 for large text
Tips for Better Contrast
- Avoid placing light text on light backgrounds or dark text on dark backgrounds
- Test your colors with both normal and large text sizes
- Consider users in different lighting conditions
- Use our color converter to adjust lightness values