Colour & Contrast

Check WCAG contrast for text on a background, and convert colours between HEX, RGB and HSL — all client-side.

Runs entirely in your browserNothing is uploadedOpen in workspace →

WCAG contrast ratio for a text and background pair, with AA and AAA results and passing alternatives.

Text Color

Background Color

Live Preview

Large Text (24px Bold)

Normal text at 16px — the quick brown fox jumps over the lazy dog.

Small text at 12px — ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

12.63:1

Contrast Ratio

WCAG Compliance

AA Normal Text

min 4.5 : 1

Pass

AA Large Text

min 3 : 1

Pass

AAA Normal Text

min 7 : 1

Pass

AAA Large Text

min 4.5 : 1

Pass