◐

Contrast Checker

WCAG AA/AAA contrast ratio between two colors.

Foreground (text)

Background

The quick brown fox jumps over the lazy dog

Normal text preview at 15px — 0123456789

Small text preview at 11px — readability sample

Contrast ratio

4.83:1

WCAG checks

Normal text (AA) (needs 4.5:1)✓ Pass

Normal text (AAA) (needs 7:1)✕ Fail

Large text (AA) (needs 3:1)✓ Pass

Large text (AAA) (needs 4.5:1)✓ Pass

UI components (AA) (needs 3:1)✓ Pass