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.39

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 51%, 78%)
  • rgb(173, 229, 229)
  • #ADE5E5

Title big size with words in bold

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

1.38926

New contrast : 0 result (902,190 colors tested)

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