Large text, 24px bold
Small text, The quick brown fox jumps over the lazy dog at 16px regular weight.
4.47:1
Contrast ratio
AA Small
Fail≥ 4.5
AA Large
Pass≥ 3
AAA Small
Fail≥ 7
AAA Large
Fail≥ 4.5
How to use
01
Pick foreground and background colors
We compute the WCAG contrast ratio live.
02
Check WCAG pass/fail
AA / AAA badges show which standards your combination meets.
Why Color Contrast Checker
- Accurate WCAG 2.1 contrast ratio calculation.
- Live preview of real text on the chosen background.
- Pass/fail badges for AA and AAA at small and large text sizes.
Common questions
Is Color Contrast Checker free to use?
Yes. Color Contrast Checker is completely free. There is no sign up, no trial, and no usage cap.
Do I need an account to use Color Contrast Checker?
No. You can start using Color Contrast Checker straight away. We do not ask for an email address or a login.
Is my data uploaded to a server when I use Color Contrast Checker?
No. Color Contrast Checker runs entirely inside your browser, so the colors you enter never leaves your device and nothing is sent to us.
Do you store the colors I use with Color Contrast Checker?
No. Because everything happens locally in your browser, there is nothing for us to store. Close the tab and it is gone.
Can I copy colors as HEX, RGB, or HSL?
Yes. Color Contrast Checker shows colors in the common formats and lets you copy the value you need with one click.
Can I use the colors from Color Contrast Checker in my design tool?
Absolutely. Copy the value and paste it into Figma, your code, or any other app.
How do I use Color Contrast Checker?
Enter or paste your colors and Color Contrast Checker updates the result as you go. When it looks right, copy or download it with one click.
Does Color Contrast Checker work on phones and tablets?
Yes. Color Contrast Checker is responsive and works in any modern browser on mobile, tablet, and desktop.
Which browsers does Color Contrast Checker support?
It works in current versions of Chrome, Firefox, Safari, and Edge. For the best experience, keep your browser up to date.
Is there a limit on how often I can use Color Contrast Checker?
No. You can use Color Contrast Checker as many times as you need, at no cost.
Can I use Color Contrast Checker for commercial or client work?
Yes. You are free to use the output in personal, educational, and commercial projects.
Why is Color Contrast Checker free?
The site is supported by advertising, which lets us keep every tool free and open to everyone.
What should I do if Color Contrast Checker gives an unexpected result?
First check that your colors is formatted as expected. If something still looks wrong, use the feedback link on the page and we will take a look.