Runs entirely in your browser

Color Contrast Checker

Check text and background colors against WCAG contrast thresholds.

The interactive controls load with JavaScript. Instructions and help are available below.

How to use

  1. 1Choose foreground and background colors.
  2. 2Review the contrast ratio and normal/large-text thresholds.
  3. 3Adjust colors until the required criterion passes.

Frequently asked questions

Is this tool free to use?

Yes. No account or payment is required.

Where is my input processed?

Processing takes place in your browser. Some tools load a local processing engine before they can run. Your input files are not uploaded to our servers.

Related tools

Aspect Ratio CalculatorCalculate image dimensions from editable ratio presets.Favicon GeneratorOne logo in - a complete favicon pack out: ICO, PNGs, Apple touch icon, manifest and HTML.CSS Gradient GeneratorDesign linear and radial gradients with live preview and CSS out.Color Palette GeneratorGenerate harmonious 5-color palettes - analogous, complementary, triadic.Glassmorphism GeneratorFrosted-glass card CSS with blur, opacity and radius controls.Neumorphism GeneratorSoft-UI shadows with raised and pressed variants.

See all design tools →