Accessibility

Contrast & Accessibility Checker

Check WCAG contrast, test accessibility, and simulate color blindness | instantly.

WCAG Contrast Checker

Text color

{{ fg }}

Background

{{ bg }}

{{ ratio }}:1

contrast ratio

AA normal · {{ aaPass }}

AAA normal · {{ aaaPass }}

AA large · {{ aaLargePass }}

AAA large · {{ aaaLargePass }}

Large heading text

This paragraph shows your text color on the chosen background. Body copy needs a 4.5:1 ratio to pass WCAG AA.

Small caption text · 12px

See how a color is perceived under common types of color vision deficiency.

Base color

{{ cbBase }}

{{ c.hex }}