◑

Color Contrast Checker

Check WCAG AA/AAA contrast between text and background, with live preview.

● runs in your browser

text color

background color

15.81:1

contrast ratio

Aa Quick brown fox

Normal body text at 14px — the everyday reading size.

Small print at 12px.

AA · normal text≥ 4.5PASS

AA · large text (18px+ bold / 24px+)≥ 3PASS

AAA · normal text≥ 7PASS

AAA · large text≥ 4.5PASS

UI components & graphics≥ 3PASS

Contrast ratios run from 1:1 (identical) to 21:1 (black on white). WCAG AA needs 4.5:1 for normal text; AAA needs 7:1. Large text is 18.66px bold or 24px+.