Color Selection

Text Color

Background Color

Contrast Ratio

21:1

PASS WCAG AA (Normal Text)

Minimum ratio: 4.5:1

PASS WCAG AAA (Normal Text)

Enhanced ratio: 7:1

PASS WCAG AA (Large Text)

Minimum ratio: 3:1 (18pt+ or 14pt+ bold)

PASS WCAG AAA (Large Text)

Enhanced ratio: 4.5:1

Quick Presets

Live Preview

Heading Text

This is normal body text. It should be easy to read with good contrast. The WCAG recommends a minimum contrast ratio of 4.5:1 for normal text.

This is smaller text (14px). It requires the same 4.5:1 ratio for AA compliance.

Large bold text (18pt+) only needs 3:1 for AA.

Why This Matters

  • People with low vision need high contrast
  • Colorblind users rely on contrast, not just color
  • Bright sunlight makes low contrast unreadable
  • Accessibility is about inclusion, not compliance