The Color Contrast Checker calculates the contrast ratio between two colors following WCAG 2.1 guidelines. It helps designers and developers ensure their text is readable for users with visual impairments.
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt+). AAA requires 7:1 for normal text and 4.5:1 for large text. All calculations run locally in your browser.
WCAG (Web Content Accessibility Guidelines) is a set of standards for making web content accessible to people with disabilities, including color blindness and low vision.
AA is the minimum recommended standard (4.5:1 for normal text). AAA is a higher standard (7:1 for normal text) that provides better accessibility for users with more severe visual impairments.
Large text is defined as 18pt (24px) or larger, or 14pt (18.66px) bold or larger.
Currently it accepts hex color codes. Use the color picker for visual selection, which converts to hex automatically.
ToolCenterLab