Tekst #e0115f op #e30b5c: contrastcheck
Test tekst op een achtergrond met WCAG 2 en APCA naast elkaar en verbeter het contrast met één klik.
Gelezen als HEX
Gelezen als HEX
Grote kop
Lopende tekst op leesformaat. Het grootste deel van een pagina ziet er zo uit, dus hier is het meeste contrast nodig.
Kleine lettertjes, bijschriften en hints
KnopSlecht leesbaar
Te weinig contrast, zelfs voor grote koppen. Pas een van de kleuren aan of gebruik een oplossing hieronder.
1,01:1
- AA · normale tekstNiet geslaagd
- AA · grote tekstNiet geslaagd
- AAA · normale tekstNiet geslaagd
- AAA · grote tekstNiet geslaagd
Lc 0,0
Te laag voor elke tekst
Versie APCA-W3 0.1.9. APCA is kandidaat voor WCAG 3 en dient als richtlijn.
Contrast verbeteren
De dichtstbijzijnde kleur die slaagt. Alleen de lichtheid verandert, dus je kleurtoon blijft.
| Tekst aanpassen | Achtergrond aanpassen | |
|---|---|---|
| WCAG AA 4,5:1 | #fff8fb | #fff7f9 |
| WCAG AAA 7:1 | Niet haalbaar door alleen de lichtheid te veranderen. | Niet haalbaar door alleen de lichtheid te veranderen. |
| APCA Lc 75 | #ffffff | Niet haalbaar door alleen de lichtheid te veranderen. |