Style Tower · room 4
Contrast Checker
Check WCAG color contrast ratios.
🔒 Processed in your browser · No upload · No sign-up
–: 1
Large text (24px) — The quick brown fox
Normal text (16px) — The quick brown fox jumps over the lazy dog.
| Element | WCAG AA | WCAG AAA |
|---|---|---|
| Normal text | ||
| Large text (≥ 24px or ≥ 18.66px bold) | ||
| UI components & graphics | — |
WCAG color contrast checker
Check whether your text and background colors meet the Web Content Accessibility Guidelines (WCAG 2.x). The contrast ratio ranges from 1:1 (no contrast) to 21:1 (black on white).
What ratios are required?
Level AA requires 4.5:1 for normal text and 3:1 for large text and UI components. Level AAA requires 7:1 for normal text and 4.5:1 for large text.