Color Contrast Checker
Check a color pair against WCAG AA/AAA contrast levels.
hex (#333), shorthand (#333) or rgb()
14.68 : 1
contrast ratio
| WCAG level | Requirement | Result |
|---|---|---|
| AA — normal text | ≥ 4.5 | Pass |
| AA — large text | ≥ 3.0 | Pass |
| AAA — normal text | ≥ 7.0 | Pass |
| AAA — large text | ≥ 4.5 | Pass |
About Color Contrast Checker
The Color Contrast Checker computes the WCAG contrast ratio between a text color and a background color and reports pass/fail against the AA and AAA levels, for normal and large text. Contrast is one of the most common accessibility defects — and one of the easiest to verify objectively during QA.
Enter the two colors and get the ratio plus a clear verdict. The thresholds are the standard ones: 4.5:1 for AA normal text, 3:1 for large text, 7:1 for AAA.
How to use
- Enter the foreground color under "Text color" (hex values like #333333 work directly).
- Enter the "Background color" the text sits on.
- Read the computed ratio and the AA/AAA pass–fail results for normal and large text.
- Adjust either color until the combination passes the level your project targets.
Frequently asked questions
What contrast ratio do I need to pass WCAG AA?
At least 4.5:1 for normal text and 3:1 for large text (18pt+, or 14pt bold). AAA raises those to 7:1 and 4.5:1. UI components and graphics need 3:1 against adjacent colors.
Where do I get the exact colors from a live page?
Use your browser DevTools: inspect the element and read the computed color and background-color values, then paste them here. Screenshots plus an eyedropper also work but can be skewed by rendering.
Does passing contrast make the page accessible?
It clears one important criterion. Full accessibility also covers focus states, keyboard navigation, semantics and more — but contrast failures are among the most frequent and the easiest to fix, so checking them early pays off.
Related tools
Number Base Converter
Convert integers between binary, octal, decimal and hex.
Cron Expression Explainer
Explain a cron expression in plain English and preview next runs.
Color Converter
Convert any color between HEX, RGB and HSL formats.
QR Code Generator
Turn any text or URL into a downloadable QR code — handy for device and deep-link testing.