Skip to content
Accessible Colors

Accessible Colors

WCAG contrast checker that suggests the nearest passing colour pair

Tier C · WeakColor ToolToolaccessible-colors.com

Preview image from accessible-colors.com

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.

For an agent

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.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
React
Styling
Not applicable
Distribution
Web app / online tool, GitHub repository
Platform
Web
Content type
Code
Agent readiness
Client-rendered shell, Readable open source
Accessibility
WCAG 2.x AA, WCAG 2.x AAA, Contrast checked
Maturity
Stable
GitHub stars
488

Notable for

  • suggests nearest passing colour
  • font size and weight aware
  • MIT open source
  • AA and AAA verdicts
  • unmaintained since 2021

Provenance

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

Also in Utilities & Naming

6
accessible-colors.comTier C