Colour contrast checker
Enter two colours to get the WCAG 2.2 ratio and a verdict for text and interface components. When a pair fails, this tells you the nearest colour that passes instead of leaving you to guess. Everything runs in your browser.
Large text, 24px
Normal body text at 16 pixels. This is the size most of a page is set in, and the size WCAG holds to the stricter 4.5:1 threshold.
Results
Nearest colours that pass
Same hue, adjusted until it clears the threshold. Click one to apply it.
Contrast is one criterion out of about fifty
Conforma scans a whole page against WCAG 2.2 AA, finds every contrast failure on it along with missing alt text, unlabelled controls and structure problems, and gives you the fix for each one.
Common questions
What contrast ratio does WCAG require?
WCAG 2.2 Level AA asks for at least 4.5:1 between text and its background, or 3:1 for large text (18pt / 24px, or 14pt / 18.5px bold). Interface components and meaningful graphics, such as input borders and icons that carry meaning, need 3:1. Level AAA raises text to 7:1, and 4.5:1 for large text.
Does contrast apply to disabled controls and logos?
No. WCAG exempts text in an inactive control, pure decoration, text that is part of a logo or brand name, and text inside a picture that contains other significant content. Everything else on the page has to meet the ratio.
Why does my brand colour fail on white?
Mid-tone colours are the usual culprit. A saturated orange or light blue can look strong and still land near 3:1 on white. Keeping the hue and darkening the shade is normally enough, which is what the suggestions above do.
Is passing contrast enough to be accessible?
No. Contrast is one success criterion out of the roughly fifty that WCAG 2.2 AA sets, and automated testing covers only part of them. It is a good place to start because it is objective and it affects every visitor in bright sunlight or with reduced vision.
Does this tool send my colours anywhere?
No. The calculation runs entirely in your browser. Nothing is uploaded, stored or logged.
Related: how to fix colour contrast failures, the European Accessibility Act.