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. | 3.90228 |
New contrast : 10 results (874 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. | 4.64971 | 125.26 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.93294 | 225.1 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.51612 | 101.97 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.5017 | 58.05 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.54106 | 158.75 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.50132 | 249.71 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.72876 | 251.97 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.68707 | 252.02 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.83389 | 251.04 |
|
| Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast. | 4.78311 | 236.04 |