Developer
Color Contrast Checker
Check contrast ratio between foreground and background HEX colors.
About this color contrast checker
Check color contrast for accessible UI text, buttons, badges, and design tokens.
Mavis Tools is built for quick utility work: paste the input, get the result, and move on. The page is static-first for speed, and the interactive work happens in your browser. That makes it useful for drafts, calculations, debugging snippets, and repeat everyday tasks.
This tool is intentionally focused. It does one job clearly instead of asking for an account or hiding the result behind a long workflow. Bookmark it if you need a fast color contrast checker that works on desktop and mobile.
FAQ
What ratio passes normal text?
WCAG AA normal text commonly requires 4.5:1 contrast.
Does it support HEX?
Yes. Enter foreground and background HEX values.
Is data uploaded?
Yes. The tool runs in your browser, and the input is not uploaded to a server.