Tanaguru Contrast-Finder

Find me the good constrasts, for web accessibility, between these two colors:

Foreground Color : invalid color For each color (red, green and blue), enter a number between 0 et 255. Red : Green : Blue : The color should be between #000000 and #FFFFFF Hexadecimal :

Background Color : invalid color For each color (red, green and blue), enter a number between 0 et 255. Red : Green : Blue : The color should be between #000000 and #FFFFFF Hexadecimal :

Minimum ratio :

In the international reglementation etablished by the WCAG, the success criteria 1.4.3 requires a minimum contrast ratio of 4.5:1 (and 3:1 for enlarged text).

This minimum contrast ratio is also required by the French regulation, established by the RGAA 3.0 2016, in the criteria 3.3 et 3.4.

Component to edit :

Edit the foreground color Edit the background color

Gimme :

valid colors and very close to initial color a range of valid colors

Old contrast

Invalid contrast
Foreground	Background	Sample	Ratio	Distance
hsl(32, 99%, 58%) rgb(255, 158, 44) #FF9E2C	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	1.95591

New contrast : 31 results (267 colors tested)

Valid contrasts
Foreground	Background	Sample	Ratio	Distance
hsl(31, 70%, 47%) rgb(205, 126, 36) #CD7E24	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.01401	54.09
hsl(32, 57%, 44%) rgb(180, 119, 49) #B47731	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.54026	78.36
hsl(32, 45%, 48%) rgb(180, 128, 67) #B48043	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.25884	75.87
hsl(32, 35%, 44%) rgb(155, 118, 74) #9B764A	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.91613	101.22
hsl(32, 27%, 47%) rgb(155, 124, 88) #9B7C58	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.6749	98.45
hsl(29, 19%, 51%) rgb(155, 130, 106) #9B826A	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.4357	92.19
hsl(30, 14%, 53%) rgb(155, 138, 120) #9B8A78	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.16008	82.87
hsl(30, 6%, 47%) rgb(130, 122, 114) #827A72	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	4.00113	118.33
hsl(19, 1%, 50%) rgb(130, 128, 127) #82807F	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.72607	112.09
hsl(358, 100%, 52%) rgb(255, 15, 22) #FF0F16	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.73402	143.17
hsl(32, 87%, 42%) rgb(205, 116, 14) #CD740E	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.26367	60.92
hsl(68, 69%, 30%) rgb(114, 130, 23) #728217	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	4.0459	141.52
hsl(70, 57%, 32%) rgb(114, 130, 35) #728223	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	4.03614	141.38
hsl(68, 46%, 34%) rgb(118, 130, 48) #768230	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.97709	137.39
hsl(69, 35%, 37%) rgb(119, 130, 62) #77823E	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.94481	136.29
hsl(70, 27%, 40%) rgb(120, 130, 74) #78824A	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.91107	134.91
hsl(68, 18%, 42%) rgb(124, 130, 89) #7C8259	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.83293	129.64
hsl(72, 13%, 45%) rgb(124, 130, 100) #7C8264	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.80381	127.94
hsl(75, 6%, 47%) rgb(126, 130, 114) #7E8272	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.74016	122.22
hsl(60, 1%, 50%) rgb(130, 130, 127) #82827F	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.654	111.96
hsl(69, 88%, 27%) rgb(111, 130, 8) #6F8208	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	4.08612	145.09
hsl(105, 70%, 35%) rgb(58, 155, 27) #3A9B1B	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.38351	197.04
hsl(105, 57%, 38%) rgb(70, 155, 42) #469B2A	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.32801	185.0
hsl(105, 45%, 41%) rgb(82, 155, 58) #529B3A	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.25936	172.97
hsl(105, 35%, 44%) rgb(94, 155, 74) #5E9B4A	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.17872	160.65
hsl(103, 27%, 47%) rgb(106, 155, 88) #6A9B58	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.09044	147.71
hsl(106, 18%, 42%) rgb(98, 130, 89) #628259	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	4.09943	156.06
hsl(104, 13%, 45%) rgb(108, 130, 100) #6C8264	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.97022	144.59
hsl(108, 6%, 47%) rgb(117, 130, 114) #758272	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.83434	132.13
hsl(120, 1%, 50%) rgb(127, 130, 127) #7F827F	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.68563	115.66
hsl(104, 87%, 32%) rgb(47, 155, 10) #2F9B0A	hsl(180, 7%, 97%) rgb(248, 249, 249) #F8F9F9	Title big size with words in bold Here is some text sample with some words in bold to illustrate the contrast.	3.42453	208.3

Not satisfied ?

Gimme valid colors and very close to initial color

tanaguru contrast finder

Find me the good constrasts, for web accessibility, between these two colors:

Old contrast

New contrast : 31 results (267 colors tested)

Products

Follow us

Language: