Contrast Checker
WCAG contrast ratio for two colors.
Loading tool
Pick text and background colors and read the ratio. AA and AAA thresholds are shown for normal and large text.
How to use this tool
- Fill in the page details. Add the title, URL, or tags you want to preview or generate.
- Review the snippet. Check the preview or generated file in this tab.
- Copy into your site. Paste the tags or robots rules into your project.
What it does not cover
WCAG 2 contrast is for specific text and UI component rules. Non-text contrast, focus rings, and APCA are separate topics.
Frequently asked
What counts as large text?
18pt regular or 14pt bold, per WCAG 2.x. That is about 24px and 18.66px at 96dpi.
Does this use APCA?
No. It is the WCAG 2 relative-luminance formula.
Can I sample from a screenshot?
Use the image color picker, then paste the hex here.
Is a passing ratio enough for accessibility?
No. Keyboard use, names, and structure still matter.
Are colors uploaded?
No.