Color Contrast Checker Online
Check if text is easy to read on its background (WCAG).
Large sample text
Normal sample text for reading.
14.68 : 1
- AA, normal text (4.5:1)Pass
- AA, large text (3:1)Pass
- AAA, normal text (7:1)Pass
- AAA, large text (4.5:1)Pass
- Buttons and icons (3:1)Pass
Large text means 18 pt or bigger, or 14 pt bold. Based on the WCAG 2 contrast formula.
About Color Contrast Checker
Color Contrast Checker tells you if text is easy to read on its background and whether it passes WCAG AA and AAA.
Read the guide: How to Check Color Contrast for Accessibility (WCAG) →
Tips for best results
- Aim for 4.5 to 1 for normal text.
- Large text needs only 3 to 1.
- Test your button colours too.
How to use Color Contrast Checker
- 1
Choose the colours
Pick a text and a background colour.
- 2
Read the ratio
See the contrast and pass or fail results.
- 3
Adjust
Change colours until it passes.
Frequently asked questions
What is large text?
18 point or bigger, or 14 point bold.
Is anything uploaded?
No. Everything is calculated in your browser, so what you type stays on your device.