Colour Contrast Checker
Check text and background colour contrast against WCAG 2.1 AA and AAA for accessible, readable websites.
- Free, no limits
- Runs in your browser
- No sign-up
Loading tool…
How to use the Colour Contrast Checker
- Pick a text colour.
- Pick a background colour.
- Read the ratio and AA/AAA results.
Frequently asked questions
What ratio do I need?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1.
What counts as large text?
24px regular or about 19px bold and above.
Why does it matter?
Low contrast hurts readability on phones in sunlight and for users with low vision.
Related tools
Color Picker & PalettePick a colour, convert HEX/RGB/HSL, generate shades, tints and harmony palettes, and…Meta Tag GeneratorGenerate SEO title, meta description, canonical, Open Graph and Twitter card tags with…URL Slug GeneratorTurn blog titles and product names into clean, lowercase, SEO-friendly URL slugs…YouTube Thumbnail ViewerPaste a YouTube link to preview its public thumbnail in every size — handy for…Social Media Character CounterCount characters, words and hashtags and see what is left for X, Instagram, LinkedIn…Robots.txt GeneratorCreate a robots.txt file with disallow rules, presets for WordPress and stores…