WCAG Color Contrast Checker

The WCAG Color Contrast Checker is a fundamental tool for anyone involved in web design and development.
Its primary purpose is to verify the contrast ratio between two specific colors, typically the text color (foreground) and the background color, to ensure they meet the accessibility requirements set by the Web Content Accessibility Guidelines (WCAG).

WCAG Compliance Results

SMALL sample text: 14pt (18.5px)

LARGE sample text: 18pt (24px)

9.80
Pass
Small Text
Large Text
UI Components