ACCESSIBILITY
Color Contrast Checker
Check whether two colors have enough contrast for people to actually read them. Enter a foreground and a background and the tool scores the pair against WCAG 2.1, or add your full palette and it compares every combination at once. Everything runs in your browser. Nothing is uploaded.
1.00 : 1
| Category | AA | AAA |
|---|---|---|
| Large text24px, or 19px bold | ||
| Small textAnything under that | ||
| Icons and UIIcons, borders, controls |
4.5 : 1
Preview
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Excepteur qui proident ullamco, aliqua exercitation aliqua do quis mollit pariatur eu sit ad id.
Donate nowYour palette
Click a hex to edit that color. These are the colors offered in the pickers above and compared in the grid below.
Edit color
Palette colors