Loading Shrinkify...
Loading Shrinkify...
Check color contrast ratios for WCAG AA and AAA compliance. Ensure your designs are accessible to everyone.
Poor color contrast is the most common and most avoidable accessibility failure on the web. The Contrast Checker computes the WCAG 2.1 contrast ratio between any foreground and background pair — reporting AA and AAA pass/fail across normal text, large text, and UI components.
Over 2.2 billion people globally have vision impairments. Low contrast text is difficult or unreadable for users with cataracts, low vision, or color-blindness. Compliance also reduces legal risk in regulated industries.
Darken the foreground or lighten the background in HSL space by small steps until the threshold is met. Use Color Picker to adjust hue while monitoring contrast live.
4.5:1 for normal text, 3:1 for large text (18pt+) or bold large text. UI components also require 3:1.
Yes. AAA requires 7:1 for normal text and 4.5:1 for large text — most appropriate for high-accessibility contexts.
The same ratios apply. Avoid pure white (#fff) on pure black (#000) for long reading — very high contrast causes eye strain.
Check out our technical guides to learn more about how browser-side processing works.
Read Glossary