Contrast Finder

Contrast-Finder finds correct color contrasts for web accessibility

WCAG success criteria 1.4.3 requires text to have a minimum contrast ratio of 4.5 (and 3 for large text).

Color in hexadecimal, RGB or with CSS color keywords.
Example: #FFFFFF, rgb(255,255,255) or white
The contrast of your colours is insufficient.
Current ratio: 1.86

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(173, 81%, 41%)
  • rgb(19, 191, 173)
  • #13BFAD

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

1.86401

New contrast : 0 result (4,340,570 colors tested)

Not satisfied?
Let's try again changing the foreground color.