Color contrast

Foreground:

Background:

Input RGB as "123,234,134" or "123 234 134". Input Hex as "#aabbcc" or "aa bb cc".

About the color contrast tool tool

Color contrast is measured on a scale from 1 to 21 — where 1 is the worst and 21 is the best. This tool calculates the contrast between two colors and offers improvement options and enhancement suggestions based on harmonies, contrasts, and shades of your selected colors.

Good color contrast is essential for readability and usability. Black text on a red background? Useless. This tool helps you fine-tune your way to the perfect contrast — easily and intuitively — while preserving the tone and feel of the colors you've chosen. It only suggests tweaks that actually improve contrast and readability.

In addition to the contrast score, the tool displays a visual sample of your selected colors, highlighting the strengths and weaknesses of your color combination.

Samples

Try out these, if you would like to give it a go, and see how it works:


Feedback

These tools are still in active development. If you have any kind of feedback, please let me know. Send me an e-mail on iamrootdottech(a)gmail.com.