What is the Color Contrast Checker?
The Color Contrast Checker estimates how readable text will be when a foreground color sits on a background using the same relative luminance model as WCAG 2.x. You choose two sRGB colors via native color inputs, typed hex (including optional shorthand expansion), or numeric R/G/B fields. A Swap colors control exchanges foreground and background. The tool shows a live Preview block with sample text at several sizes plus bold body text, then prints the contrast ratio (lighter over darker, with 0.05 offsets) to two decimal places alongside Pass or Fail chips for common WCAG thresholds.
Thresholds and suggestions
The checklist covers WCAG AA normal text at ratio ≥ 4.5, AA large text at ≥ 3.0, AAA normal at ≥ 7.0, and AAA large at ≥ 4.5. “Large” follows WCAG definitions (typically larger type or bold body text—verify against the official spec for your exact typography). When AA normal fails and the ratio is still under 4.5, an amber hint may suggest a darker foreground hex produced by a simple iterative darken toward the same background—use it as a starting point, not a guarantee for every brand palette.
Privacy
All math and previews run locally in your browser. No color values are transmitted to Dynamic Duniya servers for this tool.