Color Contrast Checker
Check WCAG color contrast online for free — everything runs in your browser.
Local browser processing
No sign-up required
WCAG 2.1 standard
Diff ToolsCheck whether two colors meet the WCAG accessibility standard
Large TextThe quick brown fox jumps over the lazy dog.
14.68:1
Normal text (< 18pt)AAA pass
Large text (≥ 18pt or 14pt bold)AAA pass
UI components / graphical objectsAA pass
Calculates relative luminance and contrast per the WCAG 2.1 standardLocal browser computation · No data uploaded
How It WorksWCAG
Overview
This color contrast checker calculates the contrast ratio between two colors per the WCAG 2.1 spec, live-previews how text actually looks on that background, and reports AA/AAA pass results separately for normal text, large text, and UI components — helping you catch accessibility issues at the design stage. Everything runs locally in your browser; your data never leaves your device.
Use Cases
Check whether a design's text color meets accessibility requirementsInvestigate contrast issues flagged in a website accessibility auditPick a suitable color for buttons, icons, and other UI elementsVerify colors stay readable in dark mode
Steps
123
Pick two colorsCheck the contrastReview the pass results