Color Contrast Checker
Check whether a text colour is readable on a background colour.
Quick answer: enter your details below and click Check contrast — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
C
Image & Design
Enter your details below.
How to use
- Enter the text colour and the background colour.
- Run the tool.
- Compare the ratio with the AA and AAA levels shown.
About this tool
This tool calculates the WCAG contrast ratio between a foreground and a background colour and rates it against the familiar AA and AAA levels. It is a readability guide, not a guarantee that every reader will find the pairing comfortable.
Frequently asked questions
What ratio do I need for normal text?
A ratio of 4.5:1 or higher meets AA for normal text.
Is a passing ratio enough on its own?
It is a strong guide, but font size, weight and real readers still matter.