Color Contrast Checker

Check whether a foreground / background pair meets WCAG guidelines.

Colors

Background #FFFFFF Text #4A4458

Readability preview

Verify in body sizes (14–16px) that the combination remains comfortable to read.

– : 1

Normal text AA (4.5:1) –

Normal text AAA (7:1) –

Large text AA (3:1) –

Large text AAA (4.5:1) –

UI components (3:1) –