When it is useful
Compare text and background colours for a button, article or interface.
Digital & Developer
Colour contrast checker
Test two hex colours against WCAG text contrast ratios.
Free to use No account needed Works in your browser
LET’S GET IT DONE
Your workspace
Text colour
Background colour
Make every word readable.
This is a sample of normal-sized text against your chosen background.
14.79:1contrast ratio
Uses the WCAG sRGB contrast calculation. Large text means at least 24 px regular or about 18.7 px bold. Solid opaque colours only; this is not a whole-page accessibility audit.Read the WCAG contrast guidance ↗Pass: AA normal textPass: AAA normal textPass: AA large textPass: AAA large text
MAKE IT USEFUL
A little context goes a long way.
Calculate the contrast between two solid sRGB hex colours and check the WCAG AA and AAA text thresholds.
Limits to keep in mind
This checks solid opaque colours only. Background images, transparency, font rendering and other accessibility requirements are not assessed. A rounded ratio can look like a threshold even when the unrounded value falls just below it.
Your content stays yours.
The information you enter here is processed within your browser by this tool, without an account. Do not rely on unverified results for important legal, financial or business decisions.
Read our privacy information →