KLOORAColor Contrast Checker
Check the contrast ratio of text and background colors against WCAG accessibility levels.
Quick answer: Color Contrast Checker: Check the contrast ratio of text and background colors against WCAG accessibility levels. Everything runs in your browser, so nothing you enter is uploaded or stored.
How to use Color Contrast Checker
- Enter your values in the fields.
- The results update instantly as you type.
- Note or copy the numbers you need.
Features
- Instant results
- Free, no signup
- Runs in your browser, nothing is uploaded
- Works on phone and desktop
Frequently asked questions
What contrast ratio is required?
WCAG AA needs at least 4.5:1 for normal text and 3:1 for large text. AAA needs 7:1 and 4.5:1.
What counts as large text?
Text of 24 px or more, or 18.66 px or more in bold.
Is the Color Contrast Checker free?
Yes. It is free, needs no signup and works on any device.