What it does
Are My Colours Accessible checks a chosen text and background pair. It offers HSL adjustments, WCAG 2 contrast ratios with AA and AAA accessibility levels, and an APCA view using Lc scores. Developers can also request colour-pair ratings through its API. Its project source is published with an MIT licence.
The WCAG view separates small, bold and large text results. Adjust hue, saturation or lightness for either colour, then read the result for the kind of text you plan to use. APCA changes the scale to Lc and uses the site’s Yup, Kinda and Nope categories for its text-use targets.
Treat the bold label carefully: the interface rounds it to 18px, whereas WCAG defines large bold text as at least 14pt. Use that definition when deciding whether the less demanding large-text contrast threshold applies.
For integration, the API accepts a JSON object containing two colours and returns small, bold, large and overall ratings plus a contrast value. The published API example describes that rating response; it does not specify an APCA request option.
Strengths
- Colour adjustment and text-size results stay in the same view.
- The API page provides a request example and response fields.
Watch out for
- The 18px bold label rounds down the WCAG threshold of 14pt, which is slightly larger.
Best for
- Designers checking known colour pairs and developers integrating contrast ratings.
Sources
- Are My Colours Accessible (Oct 28, 2026)
- Are My Colours Accessible (Oct 28, 2026)
- Are My Colours Accessible (Oct 28, 2026)
- Understanding Success Criterion 1.4.3: Contrast (Minimum) | WAI | W3C (Oct 28, 2026)
- AreMyColorsAccessible/LICENSE at main · SiTaggart/AreMyColorsAccessible · GitHub (Oct 28, 2026)