Color Contrast Checker
Make sure text is readable for everyone, including people with low vision and anyone reading in bright sunlight.
Runs in your browser. Nothing is uploaded Free, no sign-up Works on mobile
Text colour
Background colour
Large heading text
Body text at normal size. The quick brown fox jumps over the lazy dog. ₹1,499 · తెలుగు · हिन्दी
Contrast ratio
4.83:1
- PASSNormal text AA
- FAILNormal text AAA
- PASSLarge text AA (18pt+ or 14pt bold)
- PASSLarge text AAA
- PASSUI components & icons AA
Ratios follow WCAG 2.2. Good contrast helps everyone, especially people with low vision and anyone reading a phone outdoors in bright sunlight.
How to use Color Contrast Checker
- Pick the text and background colours.
- Read the contrast ratio and pass/fail results.
- Use the suggested colour if normal text fails.
Frequently asked questions
What contrast ratio is required?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text and UI components. AAA needs 7:1 for normal text.
Is grey text on white accessible?
Light greys often fail. #767676 is about the lightest grey that passes AA on white.
Related tools
All Design & Creator →- Color Converter Translate a colour between web, design and print formats, and get lighter and darker variations.
- Font Pairing Tool Try heading and body font combinations with your own text, and copy the CSS to use them on your website.
- Gradient Wallpaper Maker Make a unique, calm wallpaper in a few clicks, at your device’s resolution.
- Text Logo Maker Create a clean logo for a small business in a minute: name, tagline and an initials badge.
- Business Card Maker Create a professional visiting card with a scannable contact QR code and print it at home or a print shop.
- Certificate Maker Make certificates for a whole class or event at once: enter the names and download one page per person.