Color Contrast Checker

Check any two colors against WCAG 2.1 AA and AAA thresholds — for normal text, large text, and UI components. 100% client-side.

Colors

Large text (≥18px / 14px bold)

Foreground

Background

Abc 123

AA4.68 : 1

AA · Normal textPASS

AAA · Normal textFAIL

AA · Large textPASS

AAA · Large textPASS

Get the WCAG quick-start checklist — contrast, focus, color-blind safety, and keyboard rules for accessible interfaces.

No spam. Unsubscribe anytime.

Discover more utility-driven tools designed to enhance your workflow and technical excellence.

Generate a complete Tailwind CSS shade scale (50–950) from any base color. Live preview, copy the config, or export as CSS variables.

Build linear and radial gradients with unlimited color stops, adjustable angles, and a live preview. Copy production-ready CSS instantly.

Create layered box shadows visually — offset, blur, spread, color, inset — with curated presets and copy-ready CSS output.