Tekst #faf5ff op #ad46ff: 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
KnopAlleen voor grote tekst
Prima voor koppen vanaf 24 px, of 19 px vet. Te zwak voor lopende tekst.
3,84:1
- AA · normale tekstNiet geslaagd
- AA · grote tekstGeslaagd
- AAA · normale tekstNiet geslaagd
- AAA · grote tekstNiet geslaagd
Lc -67,4
Inhoudstekst, 18 px of vet
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 | #151219 | #a137f2 |
| WCAG AAA 7:1 | Niet haalbaar door alleen de lichtheid te veranderen. | #8100cc |
| APCA Lc 75 | Niet haalbaar door alleen de lichtheid te veranderen. | #9b2dea |