Color Contrast Checker
Ensure your color combinations meet WCAG accessibility standards
About this tool
Check color contrast ratios for WCAG AA/AAA compliance online. Free accessibility checker with color blindness simulation — no signup. Color Contrast Checker runs in the browser on DevTools. There is no signup, and your input stays on this device unless the tool explicitly performs a live network lookup.
What this tool does not do
- Color Contrast Checker is a free in-browser utility, not a hosted API. It does not keep server-side history and is not a substitute for production verification in your own stack.
How do I use this tool?
How do I use Color Contrast Checker?
Open Color Contrast Checker, enter or paste your input, and copy the result. The page works without an account.
Related guides
Understanding WCAG Color Contrast (With Examples)
What WCAG color contrast ratios mean, the AA and AAA thresholds, how the ratio is computed from relative luminance, and how to fix text that fails accessibility checks.
HEX, RGB, HSL, and LCH: A Developer's Guide to CSS Colors
The four ways CSS lets you write a color, what each one is good at, and why HSL feels intuitive while LCH solves the gamut problems everyone trips over.
Related tools
Color Blindness Simulator
Simulate color blindness on palettes and images. Compare protanopia, deuteranopia, tritanopia, and more side-by-side.
Color Converter
Convert colors between multiple formats (HEX, RGB, HSL, HSV, CMYK, LAB) with color blindness simulation, named colors, and batch processing
Color Extractor
Extract colors from uploaded images by hovering over pixels to get precise color values.
Color Generator
Generate color palettes, analyze colors, and create gradients with this comprehensive color tool.
Color Mixer
Blend two colors together by any ratio. See intermediate steps and copy the result in HEX, RGB, or HSL.
Color Names Finder
Look up CSS color names or find the closest named colors to any hex value.