WCAG Color Contrast Checker
WCAG 2.1Calculate the exact luminance contrast ratio between foreground and background colors to ensure ADA & WCAG accessibility.
#
#
Quick Pairs:
Contrast Ratio
17.93 : 1
Luminance: FG 0.009 / BG 1
WCAG Level AAStandard
Normal Text (min 4.5:1) Pass
Large Text (min 3:1) Pass
UI Controls (min 3:1) Pass
Required for official legal accessibility compliance.
WCAG Level AAAEnhanced
Normal Text (min 7:1) Pass
Large Text (min 4.5:1) Pass
Highest standard for visual readability and low-vision accessibility.
Live UI Simulation
Headline 24px Bold (Large Text)
The quick brown fox jumps over the lazy dog.
Body 15px Regular (Normal Text)
Accessible design ensures that content can be effortlessly perceived and operated by users with different visual capabilities, including older adults and people with color vision deficiencies.
Outline Badge