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

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(165, 21%, 34%)
  • rgb(69, 106, 97)
  • #456A61
  • hsl(9, 44%, 49%)
  • rgb(180, 88, 70)
  • #B45846

Title big size with words in bold

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

1.2689

New contrast : 0 result (1,786,080 colors tested)

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