Calculate WCAG contrast between two opaque colors.
Use the example inputs or enter your own values.
Your input is processed in this browser.
Calculate WCAG contrast between two opaque colors. Converts sRGB values to relative luminance and calculates the lighter/darker contrast ratio. Update the result, inspect it, then copy or download the output. Reset restores the example inputs so you can start a new calculation.
Converts sRGB values to relative luminance and calculates the lighter/darker contrast ratio.
Enter text color, background color. Update the result, inspect it, then copy or download the output. Reset restores the example inputs so you can start a new calculation.
Example inputs: Text color: #161a20 · Background color: #ffffff.
Reports AA and AAA text thresholds only. This is not a full accessibility audit; transparency and images are not included.
No. This tool works in a modern browser with JavaScript enabled. Your inputs are not submitted to a server by the tool.
Use Copy for the textual result or Download for a local file. Image tools download a generated image when one is available.
No. It produces a result for you to review. Production changes remain a separate step.
Explore related tools for the next part of your website task, or discuss a project if you need help applying the result.
Discuss a project
