# Palette Accessibility Grader

> Grade every colour in a palette against one or more backgrounds for WCAG contrast.

A palette is accessible only in combination with its backgrounds. This grader computes the WCAG contrast ratio for every foreground and background pair, then grades each against the AA threshold of 4.5:1 for body text, 3:1 for large text and non-text elements, and the AAA threshold of 7:1.

**URL:** https://convertto.tech/t/palette-accessibility-grader
**Category:** Accessibility (https://convertto.tech/c/accessibility-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **Thresholds:** 4.5:1 body AA, 3:1 large text and UI, 7:1 body AAA
- **WCAG criteria:** 1.4.3 Contrast (Minimum), 1.4.6 Contrast (Enhanced), 1.4.11 Non-text Contrast
- **Privacy:** Runs entirely in your browser — nothing is uploaded
- **Cost:** Free, unlimited, no sign-up

## How to use

1. Enter or paste your palette.
2. Enter or paste your backgrounds.
3. Turn "Also grade for large text" on or off as needed.
4. The result appears immediately — copy or download it.

## FAQ

### What counts as large text?

At least 18 point, or 14 point when bold — roughly 24px and 18.66px at default browser settings. Large text only needs 3:1 because bigger glyphs have thicker strokes and are easier to distinguish.

## Related tools

- [WCAG Contrast Checker](https://convertto.tech/t/contrast-checker): Check colour contrast against WCAG AA and AAA thresholds for accessible text.
- [Alt Text Checker](https://convertto.tech/t/alt-text-checker): Find images with missing, empty, filename-based or overlong alternative text.
- [Heading Structure Validator](https://convertto.tech/t/heading-structure-validator): Check a page for skipped heading levels, missing or multiple H1s and empty headings.
- [HTML Landmark Checker](https://convertto.tech/t/html-landmark-checker): Check a page for the landmark regions screen reader users navigate by.
- [Link Text Checker](https://convertto.tech/t/link-text-checker): Find vague link wording — "click here", "read more", bare URLs and duplicated labels.
- [ARIA Roles Reference](https://convertto.tech/t/aria-roles-reference): Search ARIA roles with their required attributes, native HTML equivalents and gotchas.
- [Touch Target Size Checker](https://convertto.tech/t/touch-target-checker): Check whether a button or link meets the minimum tap target size and spacing.
- [Random Colour Generator](https://convertto.tech/t/random-color-generator): Generate random colours as a free palette or a harmony built around a base colour.