Contrast Checker & APCA Perceptual Visual Tool Contrast Checker WCAG 2.1 & APCA Evaluate and optimize readability with traditional WCAG 2.1 algorithms and the modern WCAG 3.0 APCA perceptual contrast model. Text Color (Foreground) # Adjust Color (HSL) Hue 0° Saturation 0% Lightness 10% Background Color # Adjust Color (HSL) Hue 0° Saturation 0% Lightness 100% WCAG 2.1 Ratio 21.0:1 AAA Pass APCA Score Lc 106 BoW APCA Recommendation: Fluent Body Text Normal Text (Under 18px) AAA Pass Large Text (Over 18px / Bold) AAA Pass UI Components & Icons Pass Smart Contrast Auto-Fixer Fix Text (AA) Fix Text (AAA) Fix BG (AA) Fix BG (AAA) Classic Design Combos Slate Minimal Indigo Soft Emerald Mint Amber Honey Premium Dark Colorblind Simulator Component Previews Landing Hero Section New Release Perceptual Contrast Matters. Modern screens render text with variable weight and luminance scales. Dynamic contrast testing creates accessible, gorgeous interfaces. Get Started Today Interactive Form Block Email Address Create Project Accent Analytics / Data Charts Conversion Rate +14.2% Editorial Paragraph Typographic Legibility When reading paragraph structures, high-frequency spatial detail determines reading speed. Ensure your inline hyperlinks are clearly distinguishable from regular text block components. APCA Font Matrix The APCA lookup table identifies minimum recommended font sizes (in pixels) for various font weights at the current Lc 106 score. Font Weight Visual Style Min Size Status Export & Code theme.css tailwind.config.js shareable-link Copy Code 1234567 Recent Checks Clear History Copied!