Color Contrast Checker
Check WCAG AA/AAA contrast ratios between two colors.
Share this tool
Preview text
The quick brown fox jumps over the lazy dog.
Contrast ratio: 4.23:1
About this tool
Check color contrast ratios against WCAG AA and AAA guidelines. Improve accessibility for text, buttons, and UI components.
- Live contrast ratio calculation
- AA/AAA pass-fail checks
- Preview text on your chosen colors
Prefer a walkthrough? Read the Color Contrast Checker guide.
Guides
Learn the workflow, then jump back into the free tools
Guide for this tool
How to Use Color Contrast Checker
Check WCAG AA/AAA contrast ratios between two colors. A practical Toolara guide with tips, workflow advice, and links to the free online tool.
4 min read
How to Read and Remove Photo EXIF Data
Check a photo for camera details and GPS, then download a copy with that metadata removed.
5 min read
Instagram and YouTube Image Sizes
Export photos at the sizes Instagram, YouTube, Facebook, and Pinterest expect, without stretching the picture.
4 min read
Favicon Sizes and the HTML Tags to Use
Turn one logo into browser, Apple touch, and app icon PNGs, then paste the matching link tags.
Related tools
More utilities in the same category