Contrast Checker (WCAG)

Check foreground/background contrast against WCAG AA and AAA thresholds.

Foreground / Color A

Background / Color B

Direction

Suggested Tools

Color Picker
Pick a color visually and copy HEX, RGB, or HSL values for CSS and design tools.
HEX ↔ RGB
Convert colors between HEX and RGB for CSS, canvas, and design handoff.
HEX ↔ HSL
Convert colors between HEX and HSL for tweaking lightness and saturation in CSS.

Contrast Checker (WCAG) scores color pairs so body text and UI controls stay readable.

Pick two colors, run, and see whether the contrast ratio passes accessibility guidelines.

Please enable JavaScript.