Color Contrast Checker

Check foreground/background color pairs against WCAG accessibility standards.

Foreground

255, 255, 255

Background

30, 41, 59

Normal text (16px) | The quick brown fox jumps over the lazy dog.

Large text (24px bold)

UI Component

Contrast Ratio

14.63:1

Excellent | passes all WCAG levels

WCAG Results

AA NormalPass ✓≥ 4.5:1

AA LargePass ✓≥ 3:1

AAA NormalPass ✓≥ 7:1

AAA LargePass ✓≥ 4.5:1

Large text: 18pt+ regular or 14pt+ bold. UI Components use AA Large threshold.

Suggested pairs