Colour Contrast Checker (WCAG)
Check the contrast ratio between text and background colours against WCAG 2.2 AA and AAA for normal and large text.
Runs on your device
Result
Results appear here as you type.
What it does
Readable contrast is a legal accessibility requirement in many countries. Enter two colours to see the ratio and which WCAG levels they pass.
How to use it
- Enter or pick the text colour.
- Enter or pick the background colour.
- Read the ratio and pass/fail results.
Example
#777 on white is 4.48:1 and just fails AA for normal text. Select Try an example above to see it.
When it helps
- Accessible website design.
- Checking brand colours.
- Slide and poster readability.
Questions
What ratio do I need?
AA requires 4.5:1 for normal text and 3:1 for large text (24px, or 18.66px bold). AAA requires 7:1 and 4.5:1.
Does it account for transparency?
No. Use solid colours; blend transparent colours with their background first.
More quick utilities tools
See all 15- Roman Numeral Converter Convert numbers to Roman numerals and back, from 1 to 3999, with validation that catches invalid forms like IIII or VX.
- Morse Code Translator Translate text to International Morse code and Morse back to text, with letters, numbers and punctuation. Slash separates words.
- Binary to Text Converter Convert text to 8-bit binary and binary back to readable text using UTF-8, so accented letters and emoji work in both directions.
- Fancy Text Generator Turn plain text into bold, italic, script, circled, monospace and upside down Unicode text you can paste into Instagram, X and TikTok bios.
- What Is My IP Address? See your public IP address instantly, check whether it is IPv4 or IPv6, and copy it with one click. No tracking, no logging.
- Random Number Generator Generate random numbers in any range, one or many at a time, with no repeats if you need them. Uses a cryptographically secure random source.
People also use
Browse all 200 tools- Compress PDF (Scanned & Image PDFs) Reduce the size of scanned and image heavy PDFs by rerendering pages as optimised JPEG images at the quality you choose. Media & files
- Chmod Calculator (Linux Permissions) Convert Linux file permissions between octal (755) and symbolic (rwxr-xr-x) notation and see exactly who can read, write and execute. Developer
- Robots.txt Generator Build a valid robots.txt with disallowed paths, a sitemap reference, an optional crawl delay and optional rules blocking known AI training crawlers. SEO
- Online Alarm Clock Set an alarm for any time today or tomorrow, with a label and a choice of sounds. Runs in your browser tab with nothing to install. Time & productivity