Colour Contrast Checker

Evaluate colour pairings instantly against Web Content Accessibility Guidelines (WCAG 2.1) to guarantee clear, comfortable reading for apparel graphics and web designs.

Copied to clipboard!
Contrast Ratio: 16.75 : 1
WCAG AA Normal Body text (min 4.5:1)
PASS
WCAG AA Large Headings & bold (min 3:1)
PASS
WCAG AAA Normal High fidelity (min 7:1)
PASS
WCAG AAA Large Large text (min 4.5:1)
PASS

Previewing typography and visual contrast

Good contrast keeps digital typography and physical print graphics readable for everyone, accommodating varied lighting conditions, low-vision readers, and high-glare environments.

How to use this tool

Enter any six-digit or three-digit hex colour code or click the colour swatch to select a shade visually. The contrast ratio and WCAG evaluation update automatically. Large text is defined by WCAG as 18pt (approximately 24px) or 14pt bold (approximately 18.5px bold). A minimum score of 4.5:1 is recommended for standard body typography.