Color Contrast Checker

Test your color combinations against WCAG accessibility standards. Ensure your designs are readable for everyone.

Quick presets:
21:1
Contrast Ratio
WCAG AA
Normal Text
✓
WCAG AA
Large Text
✓
WCAG AAA
Normal Text
✓
WCAG AAA
Large Text
✓

Preview at Different Sizes

Large Text (24px / 18.66px bold)
Normal text at 16px. This is how most body copy appears in your design. The quick brown fox jumps over the lazy dog. Accessibility matters for everyone.
Small text at 14px. Secondary information and captions often use this size.

Understanding WCAG Levels

WCAG AA (Standard)

Normal text: 4.5:1 | Large text: 3:1 - The level most accessibility laws and procurement standards reference (for example via EN 301 549 in the EU and the ADA Title II rule in the US).

WCAG AAA (Enhanced)

Normal text: 7:1 | Large text: 4.5:1 - Provides superior accessibility for users with low vision.

Large Text Definition

18pt (24px) and larger, or 14pt (about 18.66px) bold and larger.