Enter a foreground and background color to check contrast ratio against WCAG AA/AAA thresholds for accessible text.
Did this tool save you some time? A quick testimonial helps a lot.
Enter a foreground and background color to check contrast ratio against WCAG AA/AAA thresholds for accessible text.
Add your input to the workspace above, review the result, then copy or download it when it's ready. No account or installation is required.
Color Contrast Checker runs in your browser, so the information you enter stays on your device instead of being uploaded to a server.
A few worked examples so you know what to expect before you paste in your own input.
Input
(paste your design input above)
Output
Enter a foreground and background color to check contrast ratio against WCAG AA/AAA thresholds for accessible text.
Convert colors between HEX, RGB, and HSL, build CSS gradients you can paste, and check contrast against WCAG AA/AAA before the design review does.
Related Tools
Convert colors between HEX, RGB, and HSL.
Visually build CSS linear and radial gradients.
Decode and inspect JWT tokens instantly.
Encode or decode Base64 strings.
Encode or decode URL components.
Validate JSON syntax and catch errors instantly.