◐ Design
WCAG Contrast Checker
Check whether text and background pass WCAG AA and AAA contrast ratios.
Runs in your browserNo account requiredNo uploadFree
Loading tool…
About WCAG Contrast Checker
Enter foreground and background colors to see the contrast ratio and pass/fail for AA and AAA at normal and large text sizes.
Frequently asked questions
More design tools
Color Converter (HEX, RGB, HSL)
Convert colors between HEX, RGB, and HSL with a live preview.
◐Design
CSS Gradient Generator
Build CSS linear and radial gradients with a live preview.
◐Design
Color Palette Generator
Generate complementary, analogous, and triadic palettes from any base color.
◐Design
CSS Box Shadow Generator
Design a box-shadow visually and grab the CSS.
◐Design
Favicon Generator
Upload an image to get favicons at standard sizes.
◐Design