Werkery

WCAG Color Contrast Checker

Check if two colors meet WCAG 2.1 contrast accessibility standards. Shows the exact contrast ratio plus AA/AAA pass/fail for normal and large text.

Tool by ·
ad slot ()
Preview
The quick brown fox jumps over the lazy dog.
Contrast ratio
17.40:1
AA Normal (4.5:1)
Pass
AA Large (3:1)
Pass
AAA Normal (7:1)
Pass
AAA Large (4.5:1)
Pass
ad slot ()

How it works

  1. 1
    Pick foreground
    Text color.
  2. 2
    Pick background
    Surface color.
  3. 3
    Read
    Ratio + AA/AAA verdict.

Frequently asked

What counts as 'large text'?

18pt regular or 14pt bold — about 24px / 18.66px in CSS. Larger sizes get a more lenient threshold because letterforms are easier to discriminate.

Get new tools first.

One tool per week. No ads. Unsubscribe anytime.

Related tools

Color Converter (HEX, RGB, HSL, HSV)
Convert colors between HEX, RGB, HSL, and HSV formats. Live preview swatch and CSS-ready output.
CSS Box Shadow Generator
Build CSS box-shadow values visually. Adjust x/y offset, blur, spread, color, and inset. Live preview + copy-paste code.
CSS Gradient Generator
Build linear and radial CSS gradients with two or three color stops. Live preview + copy-paste code.
Termination Letter Generator
Create a legally sound termination letter for your apartment, employment contract, mobile phone contract, gym membership, or insurance — in seconds, AI-powered.
Rent Reduction Calculator
Calculate the permissible rent reduction for housing defects (mould, heating failure, noise) and generate a defect notice letter to your landlord.
Garnishment Exemption Calculator 2026
Calculate your protected income based on the current garnishment table 2026 (valid since July 1, 2025). Includes maintenance obligations.
Tool designed and editorially reviewed by Felix Brübach. Text drafted with AI assistance and reviewed for legal and factual accuracy before publication. Not legal advice — for complex cases, consult a lawyer.
ad slot ()