Skip to content
TRULLZ

Free Contrast Checker

WCAG AA/AAA contrast ratio testing.

Normal text preview

The quick brown fox jumps over the lazy dog.

Large text

18pt+ display copy.

17.60 : 1

AA · normal textPass
AA · large textPass
AAA · normal textPass
AAA · large textPass
Ad space · tool-below

How to use the Contrast Checker

  1. 1Pick text & background colors.
  2. 2See the ratio and pass/fail.
  3. 3Adjust until AA passes.

Features

  • AA & AAA levels
  • Normal & large text
  • Live preview

Frequently Asked Questions

What ratio do I need?

AA requires 4.5:1 for normal text (3:1 for large); AAA requires 7:1 (4.5:1 large).

Related Tools

New

Color Palette Generator

Harmonious palettes from one color.

Generators
New

Gradient Generator

CSS gradients with live preview.

Generators
Popular

Color Converter

HEX ⇄ RGB ⇄ HSL with live preview.

Developer

HEX to RGB

Convert HEX colors to RGB values.

Developer

About the Contrast Checker

Test text/background color pairs against WCAG contrast requirements with live preview. The Contrast Checker runs entirely in your browser — your data is processed locally and never uploaded to a server. Explore more Generators tools or browse all free online tools.