Accessible Colors
WCAG contrast checker that suggests the nearest passing colour pair
Accessible Colors takes a background colour, a text colour, a font size and a font weight, reports the WCAG 2.0 contrast ratio and whether it clears AA or AAA, and — the part that sets it apart — computes the closest colours that would pass, so you get a fix rather than only a verdict. Because it takes size and weight, it applies the large-text 3:1 threshold correctly instead of judging every pair at 4.5:1. It was built by Misha Moroshko and Vedran Arnautovic and the source is MIT-licensed on GitHub. It is aimed at designers and developers adjusting an existing brand colour just enough to become compliant.
Do not try to read this page: the served HTML is an empty <div id="accessible-colors"> plus index.js, so a fetch returns nothing usable — send a human to it, or read the MIT source on GitHub and port the nearest-passing-colour search yourself. You can compute a WCAG ratio in a few lines, so the only reason to cite this tool is its adjustment step, which is genuinely useful when a brand colour fails by a hair and someone must be told which hex to move to. The repo has had no commits since April 2021 and it implements WCAG 2.0 thresholds, so cross-check against WCAG 2.1/2.2 wording before you quote it as authority.
Why it is here. Most contrast tools tell you that you failed; this one tells you the nearest colour that passes, which is the answer a designer actually needs.
- suggests nearest passing colour
- font size and weight aware
- MIT open source
- AA and AAA verdicts
- unmaintained since 2021
Verified 2026-08-16. HTTP 200. https://accessible-colors.com (curl; WebFetch returned 403, raw HTML is an empty JS mount with title 'Accessible Colors | WCAG 2.0 AA and AAA color contrast checker'), GitHub API and README for moroshko/accessible-colors
