Open toolkit

design

Color Contrast Checker

Pick a text color and a background color to see their contrast ratio and whether the combination passes WCAG AA and AAA accessibility guidelines, for both normal and large text. Essential for making sure your designs are readable for people with low vision or color blindness.

  • Nothing leaves your device
  • Runs entirely in your browser
  • Free, no account needed
Use Color Contrast Checker - free

Frequently asked questions

What contrast ratio do I need to pass WCAG AA?

At least 4.5:1 for normal text, or 3:1 for large text.

What is WCAG AAA?

A stricter accessibility standard requiring at least 7:1 contrast for normal text.

Does this check colorblind-safe combinations specifically?

No, this checks luminance contrast per WCAG guidelines, which improves general readability but does not test for specific colorblindness types.

Check color contrast instantly - free.

Open Color Contrast Checker
  • Nothing leaves your device
  • No upload required
  • No account needed
  • Unlimited use, always free

Related tools

Color Converter

Convert colors between HEX, RGB, and HSL, with a live picker.

CSS Gradient Generator

Create a custom linear gradient and copy the ready-to-use CSS.

CSS Box-Shadow Generator

Design a custom box-shadow visually and copy the CSS.