Color Contrast Checker
The contrast ratio between two colours and whether it passes WCAG AA and AAA for text and interface parts.
…
How to do it
- 1Add the text
Paste or type the text or amount here.
- 2See the result
The result appears right away as you type.
- 3Copy it
Copy the result and use it anywhere. Your text goes nowhere.
About this tool
Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.
Frequently asked questions
What counts as large text?
About 24 px, or 18.7 px in bold, and above.
Which level should I aim for?
AA is the common legal and practical target for websites.
More tools you may need
Compress ImageMake a picture's file size (KB/MB) smaller while it looks nearly the same.Passport Size Photo MakerPhotos in the exact size for passports, visas and job forms, plus a print sheet.JPG to PNGTurn JPG pictures into PNG.PNG to JPGTurn PNG pictures into smaller JPG files.Resize Image (size & KB)Set a picture's pixel size and file size (KB) to fit a form.Reduce Image Size in KBBring a picture down to 20, 50, 100 KB or any size you set.