Developer & Data

WCAG Contrast Checker

Check color-pair contrast against WCAG AA and AAA accessibility standards.

Runs in your browser
Remembers settings

Colors

Sample Text

Body text at 14px

Foreground

Background

WCAG results

Contrast ratio

14.63:1

AA Normal

✓ Pass

AA Large

✓ Pass

AAA Normal

✓ Pass

AAA Large

✓ Pass

Was this tool useful?

Stored locally in your browser only — not sent anywhere.

Tools you may need

JSON → YAMLConvert JSON data into readable YAML.YAML → JSONParse YAML and output formatted JSON.Color ConverterConvert between HEX, RGB and HSL, with a live swatch and WCAG contrast ratios.Color Palette GeneratorGenerate harmonious five-color palettes — analogous, complementary, triadic and more — from a base color.