🍱 Lunchbox Hands

Contrast Checker

Check WCAG AA/AAA contrast ratios between foreground and background colors

Enter foreground and background colors to check their contrast ratio against WCAG 2.1 guidelines. See a live text preview and instant pass/fail results for AA Normal, AA Large, AAA Normal, and AAA Large conformance levels.

Sample Text

The quick brown fox jumps over the lazy dog.

Small text sample for readability check.

14.63:1
Contrast Ratio
AA Normal
Pass
≥ 4.5:1
AA Large
Pass
≥ 3:1
AAA Normal
Pass
≥ 7:1
AAA Large
Pass
≥ 4.5:1

Related Tools

Color Converter Convert between hex, RGB, HSL, and OKLCH Color Palette Generator Generate harmonious color palettes from a base color Gradient Generator Visual gradient builder with CSS output Theme Editor Generate custom shadcn/ui themes with OKLCH color variables

Get weekly dev tools and tips