Contrast Checker
Foreground (Text)
Background
17.06:1
Passes WCAG AAA
AA Normal·4.5:1
AA Large·3:1
AAA Normal·7:1
AAA Large·4.5:1
Ratio Scale
1:13:14.5:17:121:1
Fail
AA L
AA
AAA
Live Preview
Typography Preview
The Quick Brown Fox
Jumps Over the Lazy Dog
This is normal body text at 16px. It demonstrates how your foreground color appears against the background in typical reading conditions. Good contrast ensures readability for all users.
Small text at 12px requires even higher contrast ratios to remain legible. WCAG guidelines help ensure accessibility at every size.
Active Disabled Link Style