Welke kleuren blijven leesbaar?
Bekijk een kleurcombinatie, lees de contrastverhouding en probeer andere kleuren. Elk voorbeeld heeft een eigen vaste combinatie; de berekening staat direct op de pagina.
Een verhouding van 4,5:1 is de WCAG-grens voor gewone tekst op niveau AA. Voor grote tekst is dat 3:1. Het hulpmiddel rekent met de exacte kleurcodes, zonder afronding bij het beoordelen.
Kies een combinatie
Middengrijs op zilvergrijs#767676 / #cccccc
Zwart op mint#000000 / #d9eee2
Zwart op donkerblauw#000000 / #18253c
Middengrijs op lichtgroen#767676 / #e4edce
Donkergrijs op warmgrijs#545454 / #d5cec4
Marineblauw op zwart#142850 / #000000
Blauw op lichtgrijs#005eb8 / #eeeeee
Donkergroen op mint#164b35 / #d9eee2
Donkergroen op warmgrijs#164b35 / #d5cec4
Wit op warmgrijs#ffffff / #d5cec4
Marineblauw op zand#142850 / #e9d7b7
Wit op mint#ffffff / #d9eee2
Roestbruin op lichtgeel#8a3a16 / #fff69b
Donkergrijs op zilvergrijs#545454 / #cccccc
Zwart op lichtgeel#000000 / #fff69b
Paars op gebroken wit#592c82 / #faf8f2
Petrol op warmgrijs#006b70 / #d5cec4
Petrol op donkergrijs#006b70 / #30343b
Bordeaux op lila#681c35 / #e8dcf5
Wit op donkerblauw#ffffff / #18253c
Donkergroen op zwart#164b35 / #000000
Donkergroen op gebroken wit#164b35 / #faf8f2
Antraciet op warmgrijs#292929 / #d5cec4
Paars op lichtgrijs#592c82 / #eeeeee
Donkergrijs op gebroken wit#545454 / #faf8f2
Zwart op lichtgroen#000000 / #e4edce
Zwart op lila#000000 / #e8dcf5
Bordeaux op gebroken wit#681c35 / #faf8f2
Antraciet op lichtgroen#292929 / #e4edce
Donkergroen op donkergrijs#164b35 / #30343b
Marineblauw op warmgrijs#142850 / #d5cec4
Marineblauw op mint#142850 / #d9eee2
Middengrijs op donkergrijs#767676 / #30343b
Middengrijs op lila#767676 / #e8dcf5
Paars op lichtroze#592c82 / #f7dce5
Petrol op lichtgrijs#006b70 / #eeeeee
Wit op wit#ffffff / #ffffff
Donkergrijs op zwart#545454 / #000000
Petrol op lichtgeel#006b70 / #fff69b
Paars op lichtgeel#592c82 / #fff69b
Antraciet op lichtblauw#292929 / #dceafa
Blauw op zand#005eb8 / #e9d7b7
Donkergrijs op lichtblauw#545454 / #dceafa
Roestbruin op mint#8a3a16 / #d9eee2
Marineblauw op lichtblauw#142850 / #dceafa
Bordeaux op lichtgeel#681c35 / #fff69b
Donkergroen op zilvergrijs#164b35 / #cccccc
Marineblauw op gebroken wit#142850 / #faf8f2
Paars op donkergrijs#592c82 / #30343b
Middengrijs op lichtroze#767676 / #f7dce5
Donkergroen op lila#164b35 / #e8dcf5
Blauw op donkergrijs#005eb8 / #30343b
Middengrijs op gebroken wit#767676 / #faf8f2
Donkergroen op creme#164b35 / #fff1c1
Marineblauw op zilvergrijs#142850 / #cccccc
Bordeaux op warmgrijs#681c35 / #d5cec4
Paars op zilvergrijs#592c82 / #cccccc
Donkergrijs op lichtgroen#545454 / #e4edce
Petrol op lichtblauw#006b70 / #dceafa
Paars op donkerblauw#592c82 / #18253c
Antraciet op creme#292929 / #fff1c1
Roestbruin op lichtblauw#8a3a16 / #dceafa
Petrol op gebroken wit#006b70 / #faf8f2
Zwart op lichtblauw#000000 / #dceafa
Paars op zwart#592c82 / #000000
Donkergroen op lichtgeel#164b35 / #fff69b
Antraciet op zilvergrijs#292929 / #cccccc
Wit op zwart#ffffff / #000000
Antraciet op donkergrijs#292929 / #30343b
Marineblauw op wit#142850 / #ffffff
Zwart op donkergrijs#000000 / #30343b
Paars op warmgrijs#592c82 / #d5cec4
Paars op mint#592c82 / #d9eee2
Zwart op wit#000000 / #ffffff
Zwart op lichtgrijs#000000 / #eeeeee
Bordeaux op zilvergrijs#681c35 / #cccccc
Marineblauw op lichtgeel#142850 / #fff69b
Marineblauw op donkerblauw#142850 / #18253c
Wit op lichtgrijs#ffffff / #eeeeee
Petrol op creme#006b70 / #fff1c1
Antraciet op donkerblauw#292929 / #18253c
Roestbruin op zilvergrijs#8a3a16 / #cccccc
Wit op lichtblauw#ffffff / #dceafa
Zwart op zwart#000000 / #000000
Middengrijs op mint#767676 / #d9eee2
Roestbruin op lichtgroen#8a3a16 / #e4edce
Zwart op creme#000000 / #fff1c1
Zwart op zand#000000 / #e9d7b7
Zwart op zilvergrijs#000000 / #cccccc
Wit op lichtroze#ffffff / #f7dce5
Bordeaux op donkergrijs#681c35 / #30343b
Donkergrijs op donkerblauw#545454 / #18253c
Blauw op mint#005eb8 / #d9eee2
Roestbruin op lichtroze#8a3a16 / #f7dce5
Petrol op donkerblauw#006b70 / #18253c
Marineblauw op lichtroze#142850 / #f7dce5
Middengrijs op creme#767676 / #fff1c1
Donkergroen op donkerblauw#164b35 / #18253c
Roestbruin op lichtgrijs#8a3a16 / #eeeeee
Blauw op donkerblauw#005eb8 / #18253c
Paars op wit#592c82 / #ffffff
Donkergrijs op donkergrijs#545454 / #30343b
Roestbruin op zwart#8a3a16 / #000000
Wit op zilvergrijs#ffffff / #cccccc
Roestbruin op wit#8a3a16 / #ffffff
Marineblauw op lila#142850 / #e8dcf5
Petrol op zand#006b70 / #e9d7b7
Blauw op creme#005eb8 / #fff1c1
Middengrijs op warmgrijs#767676 / #d5cec4
Petrol op lichtroze#006b70 / #f7dce5
Donkergrijs op lichtgrijs#545454 / #eeeeee
Blauw op lichtblauw#005eb8 / #dceafa
Roestbruin op donkergrijs#8a3a16 / #30343b
Blauw op lichtroze#005eb8 / #f7dce5
Antraciet op zand#292929 / #e9d7b7
Blauw op lichtgeel#005eb8 / #fff69b
Wit op lichtgeel#ffffff / #fff69b
Petrol op zilvergrijs#006b70 / #cccccc
Middengrijs op zand#767676 / #e9d7b7
Paars op lila#592c82 / #e8dcf5
Bordeaux op lichtgrijs#681c35 / #eeeeee
Donkergrijs op mint#545454 / #d9eee2
Roestbruin op donkerblauw#8a3a16 / #18253c
Zwart op lichtroze#000000 / #f7dce5
Antraciet op lichtroze#292929 / #f7dce5
Wit op lichtgroen#ffffff / #e4edce
Bordeaux op lichtblauw#681c35 / #dceafa
Roestbruin op warmgrijs#8a3a16 / #d5cec4
Paars op lichtgroen#592c82 / #e4edce
Blauw op zwart#005eb8 / #000000
Marineblauw op lichtgroen#142850 / #e4edce
Antraciet op lichtgeel#292929 / #fff69b
Donkergrijs op lichtgeel#545454 / #fff69b
Bordeaux op mint#681c35 / #d9eee2
Petrol op lichtgroen#006b70 / #e4edce
Donkergrijs op creme#545454 / #fff1c1
Donkergrijs op lichtroze#545454 / #f7dce5
Donkergroen op lichtblauw#164b35 / #dceafa
Bordeaux op zwart#681c35 / #000000
Middengrijs op wit#767676 / #ffffff
Antraciet op wit#292929 / #ffffff
Petrol op lila#006b70 / #e8dcf5
Marineblauw op donkergrijs#142850 / #30343b
Wit op lila#ffffff / #e8dcf5
Donkergrijs op zand#545454 / #e9d7b7
Donkergroen op zand#164b35 / #e9d7b7
Blauw op zilvergrijs#005eb8 / #cccccc
Donkergroen op lichtroze#164b35 / #f7dce5
Donkergroen op lichtgrijs#164b35 / #eeeeee
Antraciet op mint#292929 / #d9eee2
Antraciet op lila#292929 / #e8dcf5
Bordeaux op lichtgroen#681c35 / #e4edce
Marineblauw op lichtgrijs#142850 / #eeeeee
Blauw op lichtgroen#005eb8 / #e4edce
Zwart op gebroken wit#000000 / #faf8f2
Antraciet op lichtgrijs#292929 / #eeeeee
Bordeaux op wit#681c35 / #ffffff
Bordeaux op creme#681c35 / #fff1c1
Middengrijs op lichtgrijs#767676 / #eeeeee
Paars op zand#592c82 / #e9d7b7
Donkergroen op lichtgroen#164b35 / #e4edce
Petrol op wit#006b70 / #ffffff
Marineblauw op creme#142850 / #fff1c1
Zwart op warmgrijs#000000 / #d5cec4
Wit op zand#ffffff / #e9d7b7
Paars op lichtblauw#592c82 / #dceafa
Roestbruin op gebroken wit#8a3a16 / #faf8f2
Middengrijs op lichtgeel#767676 / #fff69b
Antraciet op gebroken wit#292929 / #faf8f2
Blauw op warmgrijs#005eb8 / #d5cec4
Middengrijs op lichtblauw#767676 / #dceafa
Blauw op lila#005eb8 / #e8dcf5
Roestbruin op zand#8a3a16 / #e9d7b7
Donkergrijs op lila#545454 / #e8dcf5
Roestbruin op lila#8a3a16 / #e8dcf5
Bordeaux op donkerblauw#681c35 / #18253c
Middengrijs op zwart#767676 / #000000
Donkergrijs op wit#545454 / #ffffff
Paars op creme#592c82 / #fff1c1
Donkergroen op wit#164b35 / #ffffff
Wit op gebroken wit#ffffff / #faf8f2
Petrol op mint#006b70 / #d9eee2
Roestbruin op creme#8a3a16 / #fff1c1
Petrol op zwart#006b70 / #000000
Middengrijs op donkerblauw#767676 / #18253c
Bordeaux op lichtroze#681c35 / #f7dce5
Blauw op wit#005eb8 / #ffffff
Bordeaux op zand#681c35 / #e9d7b7
Blauw op gebroken wit#005eb8 / #faf8f2
Antraciet op zwart#292929 / #000000
Wit op donkergrijs#ffffff / #30343b
Wit op creme#ffffff / #fff1c1