Glossary / UI Design & Visual Design

What is Color Contrast Ratio?

The measured difference in luminance between foreground text and its background. WCAG 2.1 requires minimum ratios such as 4.5:1 for normal text and 3:1 for large text.

Definition

The measured difference in luminance between foreground text and its background. WCAG 2.1 requires minimum ratios such as 4.5:1 for normal text and 3:1 for large text.

Why it matters

Poor contrast makes content unreadable for many users and is one of the most common accessibility failures.

Chat with founder