♿

Color Contrast Checker

Check WCAG color contrast ratios for accessibility. Pass AA and AAA guidelines.

Foreground (Text)

Background

Normal Text Preview

The quick brown fox jumps over the lazy dog.

Small text — 14px example

4.47:1Fair

✗ AA Normal✓ AA Large✗ AAA Normal✗ AAA Large

How to use Color Contrast Checker

1. Paste or type your input in the box above.
2. The tool processes your input instantly — no button click needed in most tools.
3. Copy the output or download the result.

What is WCAG contrast ratio?

WCAG AA requires a 4.5:1 ratio for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.

Convert HEX color codes to RGB values and vice versa. Also converts to HSL and CMYK.

Generate beautiful color palettes from any base color. Export to CSS, Tailwind, or JSON.