🎨

Color Contrast Checker

Calculate contrast ratio & check WCAG AA / AAA compliance instantly.

Color Inputs

Quick presets:

Results

Sample Heading Text (18px Bold)

Normal body text (14px) — how readable is this?

Contrast Ratio
WCAG AA Normal— (need 4.5:1)
WCAG AA Large— (need 3:1)
WCAG AAA Normal— (need 7:1)
WCAG AAA Large— (need 4.5:1)