WCAG 2.1 vs APCA Contrast Guide for Dark Mode UI — Interactive Studio & Export
Understand the difference between WCAG 2.1 contrast ratios (4.5:1) and APCA perceptual lightness contrast (Lc) when designing readable buttons and dark mode interfaces.
Active Color Swatches & Shades
- #0066FF — HEX, RGB, HSL & Shade Scale
- #FF2E63 — HEX, RGB, HSL & Shade Scale
- #F59E0B — HEX, RGB, HSL & Shade Scale
- #10B981 — HEX, RGB, HSL & Shade Scale
- #06B6D4 — HEX, RGB, HSL & Shade Scale