Enter the text color and the background it sits on. Use solid sRGB HEX values for this check.
Local WCAG contrast checker
Check color contrast against WCAG thresholds.
Test foreground and background colors, see the ratio, and verify AA or AAA for normal and large text.
* The calculation runs locally in your browser. No colors are uploaded or stored.
Local WCAG contrast checker
Make accessibility part of the color decision
Read the ratio and AA/AAA results for normal and large text. The live sample makes the pair easier to judge.
Test links, focus states, icons, and components in their actual context before release.
FAQ
What does ContrastBox check?
Does ContrastBox upload my colors?
No. The WCAG relative luminance calculation happens in this browser tab.
What do AA and AAA mean?
They are WCAG conformance levels. ContrastBox shows the thresholds for normal and large text.
Is this a complete accessibility audit?
No. It checks color contrast for an opaque foreground/background pair. Other accessibility requirements still need review.