colorqueue

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