WCAG Color Contrast Checker
Test text and background color combinations to ensure readability for users with visual impairments. Check WCAG 2.1 AA and AAA compliance ratios.
Large Headline (24pt / 18pt Bold)
This is regular body text previewing how your selected foreground and background colors perform in real reading conditions. Proper contrast ensures readability for users with low vision or color vision deficiencies.
Color Selectors
Body text under 18pt (requires ≥ 4.5:1)
Headlines ≥ 18pt or 14pt bold (requires ≥ 3.0:1)
Enhanced reading contrast (requires ≥ 7.0:1)
Buttons, icons & input borders (requires ≥ 3.0:1)
Related Tools
Color Picker & Converter (HEX, RGB, HSL)
Pick colors and convert between HEX, RGB, and HSL values with 1-click copy.
CSS Gradient Generator
Design beautiful linear and radial CSS gradients with copyable CSS code.
Image Color Palette Extractor
Extract dominant color swatches and generate CSS gradients from any photo or screenshot.