WCAG 2.1 · Design Tool

Contrast Checker

Real-time colour contrast analysis for AA and AAA accessibility compliance.

Aa — The quick brown fox
Body text at 16px. This smaller text requires a higher contrast ratio to pass WCAG AA at normal size.
Button
Badge
Foreground · Text
Background
: 1 contrast ratio
AA · Normal
AA · Large
AAA · Normal
AAA · Large
UI / Icons
Score
Relative luminance (FG)
Relative luminance (BG)
← Zorgoth.com  ·  Privacy  ·  Terms