WCAG Contrast Checker
Check color contrast and WCAG AA/AAA conformance with preview and export.
0 of 3 uses today · 3 remaining. Go Pro and remove the limit.
WCAG Contrast Checker
WCAG 2.1On-device processingWCAG 2.1 compliance with live preview and accessible color suggestion.
This paragraph demonstrates the color pair in running text for quick visual validation of contrast.
Small support text requiring the highest level of contrast.
Contrast diagnosis
§ How to use
How to check color contrast (WCAG)
Verify text/background contrast against WCAG AA and AAA, with color-blindness simulation — in-browser.
Pick the colors
Set the foreground (text) and background colors with the pickers or HEX inputs.
Read the ratio
See the contrast ratio and whether it passes WCAG AA and AAA for normal and large text.
Simulate and adjust
Preview color-blindness modes and nudge the colors until the contrast passes.
Related
Related tools
Da mesma categoria.
AI Background Remover
Artificial Intelligence that perfectly cuts out and removes the background from any image.
Magic Color Palette
Enter a base color and generate harmonious schemes (Analogous, Monochromatic, Complementary) instantly.
Mood Board
Combine image URLs, hex palette and keywords into an exportable visual grid.
Meme Generator
Create classic internet memes by adding heavy stroked text over any image.
Instagram Grid Maker
Cut photos perfectly into 3, 6, or 9 pieces to create magnetic feeds.
Color Extractor
Generate color palettes from any uploaded image.