Color Contrast Checker

Live WCAG ratios. Good defaults are high contrast dark theme pair.

Foreground (text) hex

Background hex

Preview text

The quick brown fox

UI elements look like this at 16.12:1

16.12:1

AA text: PASS (≥4.5)

AAA text: PASS (≥7)

AA large / UI: PASS (≥3)

Runs locally. Ratios computed per WCAG 2.1 relative luminance.