YouTube Thumbnail Colour Contrast Checker
Pick your thumbnail text colour and background colour to see the exact WCAG contrast ratio, with AA and AAA pass or fail for normal and large text. The formula is shown on the page.
How to use
- Pick your thumbnail text colour.
- Pick the background colour behind the text.
- Click Check Contrast to see the ratio, the pass or fail for AA and AAA, and a live text preview.
About this tool
Use the YouTube Thumbnail Colour Contrast Checker to check the WCAG contrast ratio of your thumbnail text and background colours, with AA and AAA pass or fail. Fill in your text colour and background colour, click “Check Contrast”, and the answer shows up on the same page right away. There is no sign-up and nothing to install — it is free, and it just works.
Every creator eventually needs a tool that does one unusual job well. The YouTube Thumbnail Colour Contrast Checker is that kind of tool — less obvious than a title generator, but the right answer when its specific problem appears in your workflow. Keep it bookmarked for the day you need it.
Here is the whole process, start to finish. First, pick your thumbnail text colour. Next, pick the background colour behind the text. Then, click Check Contrast to see the ratio, the pass or fail for AA and AAA, and a live text preview.
What you see in the result box is the tool's verdict on the information you gave it. Use it to decide your next step — whether that means fixing something, trying a different option, or carrying on as you are. One thing worth knowing: a contrast ratio measures how different two colours look — 1:1 means identical, 21:1 is the maximum (black on white).
- Enter your text colour exactly as it appears — copying and pasting beats typing, because one wrong character changes the answer.
- Keep in mind that in WCAG, large text means 18pt (24px) or larger, or 14pt (about 19px) bold or larger.
- Because this tool is specialised, use it for the exact job it was built for — that is where it is most accurate.
Frequently asked questions
What is a contrast ratio?
A contrast ratio measures how different two colours look — 1:1 means identical, 21:1 is the maximum (black on white). A higher ratio means text is easier to read.
What do AA and AAA mean?
They are WCAG accessibility levels. AA needs a ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA needs at least 7:1 for normal text and 4.5:1 for large text.
What counts as large text?
In WCAG, large text means 18pt (24px) or larger, or 14pt (about 19px) bold or larger. Thumbnail text is usually large, so the large-text result is the one that matters most here.