Inspired by colourcontrast.cc. .

Accessible colour finder

Enter a hex colour to find close colour pairs accessible on light and dark backgrounds.

Foreground colour Background colour
#

The quick brown fox

Typography should be readable first. This paragraph uses the current base colour at 16 px against the chosen background — the small-text benchmark for WCAG body copy.

0 1 2 3 4 5 6 7 8 9

Foreground colour Background colour
#

The quick brown fox

Typography should be readable first. This paragraph uses the current base colour at 16 px against the chosen background — the small-text benchmark for WCAG body copy.

0 1 2 3 4 5 6 7 8 9