Foreground - AA normal text (4.5:1)
Preview of this suggested colour pair
Check two solid colours against WCAG 2.2 contrast thresholds and explore practical adjustments. Calculations stay in this browser.
Results apply to opaque sRGB HEX colours. This colour-pair check cannot certify an entire website: text size, adjacent colours, backgrounds, states, focus indicators and other accessibility requirements still matter.
Choose your colours
Use #RGB or #RRGGBB, optionally without the #. Valid colours are normalised when you finish editing. Alpha, RGB/HSL notation, gradients, images and wide-gamut colours are excluded.
Preparing local colour controls.
Enter valid foreground and background colours to calculate results.
Live preview
This sample may intentionally have low contrast. It does not change the colours of the tool controls.
A clearer view of your next idea
Readable text helps people find information, understand a message and take the next step. This paragraph represents normal-sized body text.
Contrast ratio
Displayed ratios are rounded down to three decimals. PASS/FAIL uses the full unrounded value.
| Criterion | Required ratio | Result |
|---|---|---|
| WCAG AA normal text | 4.5:1 | |
| WCAG AA large text | 3:1 | |
| WCAG AAA normal text | 7:1 | |
| WCAG AAA large text | 4.5:1 | |
| WCAG AA relevant non-text numerical threshold | 3:1 |
Large text generally means at least 18 pt regular (about 24 CSS pixels) or 14 pt bold (about 18.67 CSS pixels). This tool does not measure your website's text. Non-text contrast applies to relevant visual information in components and graphics against adjacent colours; one pair does not establish interface conformance.
Suggested adjustments
Each adjustment keeps the other colour fixed and searches towards black or white. Suggestions are checked using their actual HEX values. They are candidates along those paths, not globally nearest perceptual colours. Choose Apply to change the selected pair.
Foreground - AAA normal text (7:1)
Preview of this suggested colour pair
Background - AA normal text (4.5:1)
Preview of this suggested colour pair
Background - AAA normal text (7:1)
Preview of this suggested colour pair
Copy CSS
Copy text manually
Select and copy the text with your device's usual copy command. Clipboard permission is controlled by your browser.