Inspired by colourcontrast.cc

Accessible colour finder

Enter a hex code 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