Rendered {$width}×{$height}, font size {$size}px
Contrast: —:1
This free online font and text color changer helps you explore color combos and color combinations in seconds. Paste your hex codes, adjust font size and image dimensions, and preview text on different background colors. You’ll also see instant WCAG contrast ratings (AA and AAA) so your design choices stay accessible.
#000000
,
#333333
,
#0D47A1
, or
#FFEB3B
.These high-readability color combinations are common starting points:
#000000
on
#FFFFFF
— black on white
#333333
on
#F2F2F2
— dark gray on light gray
#0C4A0B
on
#ECC9C9
— deep green on pale pink
#FFFFFF
on
#0D47A1
— white on dark blue
The tester calculates color contrast using the WCAG formula and labels results for normal and large text. Aim for at least AA, and AAA where possible, to improve readability for everyone. Learn more in the WCAG guidance.
Enter a text color and background color in hex format, then view the contrast ratio and the AA/AAA pass results. Use the inputs above for font size and image dimensions.
High-contrast pairs like black on white are the easiest to read. Use the tool to try different color combinations and check against WCAG.
Yes — the Font Color Tester is completely free to use.