Colour contrast checker for text and background (WCAG)
Pick text and background colours to see whether they meet WCAG AA / AAA, with a suggested colour that passes.
About Contrast checker
Text too close in colour to its background is hard to read, especially for older people and those with low vision. WCAG asks for at least 4.5:1 for normal text (AA) or 7:1 (AAA), and 3:1 for large text (18pt, or 14pt bold).
If it fails, the closest text colour that passes AA is suggested.
FAQ
Why does contrast matter?
It makes text readable for everyone and is part of Google Lighthouse's accessibility score.
More tools here
JSON formatter Base64 encode / decode Image ↔ Base64 URL encode / decode HTML entities Hash generator UUID generator JWT decoder Regex tester Cron generator Unix timestamp converter Code formatter Markdown preview Text ↔ binary Color converter CSS gradient JSON to CSV CSV to JSON YAML ↔ JSON JSON to TypeScript AES encryption TOTP generator Password strength checker CSS box shadow CSS border radius Tailwind colors Color palette generator Aspect ratio calculator Chmod calculator