Color Contrast Checker
Design ToolsWCAG contrast ratio for text & background
Embed this tool on your websiteFree
- Choose how tall the frame should be.
- Press Copy code.
- Paste it into your page, blog, WordPress or Notion HTML block.
The tool runs inside your visitor's browser, nothing is uploaded, and a small "Powered by ToolCloak" line stays under it. The second line (script) is optional: it makes the frame fit the tool's height.
Similar tools you may like
History
All history →Color Contrast Checker — at a glance
Make sure people can actually read your text. Test any two colors against accessibility standards.
How to use it — step by step
A text color and a background color.
Enter your numbers
Fill in the fields — sensible example values are already filled in.
Pick your options
Choose any dropdowns or switches that apply to your case.
Check Contrast
Press the button. The result is created instantly on your device.
Read the answer
The main answer is shown big at the top, with details below it.
Pro tips
Small things that make the result better.
Quick facts
Frequently Asked Questions
What is a good contrast ratio?+
At least 4.5 : 1 for normal text (AA) and 7 : 1 for the stricter AAA level.
What counts as large text?+
About 18pt (24px) regular or 14pt (18.7px) bold and above.
Why does contrast matter?+
Low contrast is hard to read for many people, especially in bright light or with low vision.
Is this tool really free?+
Yes — completely free, no signup, no watermark and no usage limit.