What are WCAG color contrast guidelines?

WCAG 2.1 level AA compliance requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Level AAA requires at least 7:1 for normal text and 4.5:1 for large text.

What qualifies as large text?

Large text is defined as font sizes 18pt (24px) or larger, or 14pt (18.6px) or larger if bolded.

Color Contrast Checker

No Login Required 100% Free Used 0 times

Check accessibility contrast ratio between text foreground and background colors in real-time according to WCAG 2.1 compliance specifications.

Ad Placeholder (Position A)

Text Color (Foreground)

Background Color

Live Preview

Large Header (24px / 18pt)

Accessibility Matters

Normal Paragraph (14px)

Design decisions should empower everyone. Contrast checkers calculate relative luminance to guarantee readability for visually impaired users.

Contrast Ratio

8.4:1

Excellent Contrast

WCAG Requirements Pass / Fail

Level AA (Normal Text) 4.5:1 Pass

Level AAA (Normal Text) 7.0:1 Pass

Level AA (Large Text) 3.0:1 Pass

Level AAA (Large Text) 4.5:1 Pass

Ad Placeholder (Position B)

Ad Placeholder (Sidebar 300x250 - Unit 1)

Related Developer Tools

Color Code Converter

Convert HEX, RGB, HSL

Color Picker from Image

Inspect image color values