Contrast checker

0:1

Contrast ratio

WCAG AA (normal text)
Insufficient contrast
WCAG AA (large text)
Insufficient contrast
WCAG AAA (normal text)
Insufficient contrast

Design for people

Color contrast is a core part of accessibility. Enough contrast helps users with low vision and people reading in bright light. WCAG recommends at least 4.5:1 for normal text.

Large text sampleAaBbCc

What this tool does

Pick text and background colors; WCAG relative-luminance contrast is computed with AA/AAA pass/fail for normal and large text. Preview shows sample copy in your colors.

How to use

  1. Set foreground (text).
  2. Set background.
  3. Read the ratio and AA/AAA results; adjust if needed.

FAQ

What is large text?

WCAG: ≥18pt (~24px) or ≥14pt (~18.7px) bold.

Do store screenshot titles need this?

Recommended — shots shrink in listings; low contrast becomes mush.

More tools in thedeveloper toolbox. For store preview shots, try theApp Store screenshot maker.