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).
Old contrast
| Foreground | Background | Sample | Ratio | Distance |
|---|---|---|---|---|
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 1.35825 |
New contrast : 6 results (56 colors tested)
| Foreground | Background | Sample | Ratio | Distance |
|---|---|---|---|---|
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 3.11166 | 108.17 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 3.66007 | 124.48 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 3.14792 | 109.43 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 3.72559 | 130.99 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 3.38703 | 130.08 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 3.19258 | 138.59 |