WCAG Contrast Checker — AA and AAA Accessibility
Color Tools
Pick, convert, and generate colors.
Picker + Converter
HEX
RGB
HSL
OKLCH
Tailwind
blue-500Exact match!
Palette Generator
#3b82f6
#f6af3b
Contrast Checker
Foreground
Background
The quick brown fox jumps over the lazy dog.
Large Text Preview
Button
3.68:1
Normal TextLarge Text / UIAAFail (4.5:1)Pass (3:1)AAAFail (7:1)Fail (4.5:1)
Extract from Image
Drop an image, paste from clipboard, or click to uploadPNG, JPEG, WebP, GIF · Ctrl+V / Cmd+V to paste